Fixes data-fragment-index on code block

asciidoctor · May 2, 2024 · f8ef253 · f8ef253
1 parent 8484b01
commit f8ef253
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/lib/asciidoctor-revealjs/highlightjs.rb b/lib/asciidoctor-revealjs/highlightjs.rb
@@ -223,9 +223,13 @@ def docinfo location, doc, opts
         var highlightSteps = RevealHighlight.deserializeHighlightSteps( block.getAttribute( 'data-line-numbers' ) );
         if( highlightSteps.length > 1 ) {
 
+          // When rendered with asciidoc, data-fragment index if it exists lies on the listing block element, so we have to lookup
           // If the original code block has a fragment-index,
           // each clone should follow in an incremental sequence
-          var fragmentIndex = parseInt( block.getAttribute( 'data-fragment-index' ), 10 );
+          var preCodeWrapper = block.parentElement;
+          var divContent = preCodeWrapper.parentElement;
+          var listingBlock = divContent.parentElement;
+          var fragmentIndex = parseInt( listingBlock.getAttribute( 'data-fragment-index' ), 10 );
 
           if( typeof fragmentIndex !== 'number' || isNaN( fragmentIndex ) ) {
             fragmentIndex = null;

diff --git a/test/doctest/source-highlightjs-languages.html b/test/doctest/source-highlightjs-languages.html
@@ -409,9 +409,13 @@ <h2>Use the Source</h2>
           var highlightSteps = RevealHighlight.deserializeHighlightSteps( block.getAttribute( 'data-line-numbers' ) );
           if( highlightSteps.length > 1 ) {
 
+            // When rendered with asciidoc, data-fragment index if it exists lies on the listing block element, so we have to lookup
             // If the original code block has a fragment-index,
             // each clone should follow in an incremental sequence
-            var fragmentIndex = parseInt( block.getAttribute( 'data-fragment-index' ), 10 );
+            var preCodeWrapper = block.parentElement;
+            var divContent = preCodeWrapper.parentElement;
+            var listingBlock = divContent.parentElement;
+            var fragmentIndex = parseInt( listingBlock.getAttribute( 'data-fragment-index' ), 10 );
 
             if( typeof fragmentIndex !== 'number' || isNaN( fragmentIndex ) ) {
               fragmentIndex = null;