suport data-id for slide links

Author: hakimel

dist/reveal.esm.js

@@ -17,7 +17,27 @@
 		<div class="reveal">
 			<div class="slides">
 				<section>Slide 1</section>
+				<section>
+					<div id="debug-text"></div>
+					<div class="r-hstack">
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+					</div>
+					<div class="r-hstack">
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+					</div>
+					<div class="r-hstack">
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+						<video src="https://static.slid.es/site/homepage/v1/homepage-video-editor.mp4" width="200px" data-autoplay></video>
+					</div>
+				</section>
 				<section>Slide 2</section>
+				<section><iframe data-src="https://www.verysecureserver4u.com/en/passwords/jonas21.8"></iframe></section>
+				<section><iframe data-src="https://www.verysecureserver4u.com/en"></iframe></section>
 			</div>
 		</div>
 
@@ -32,6 +52,8 @@
 			Reveal.initialize({
 				hash: true,
 
+				scrollActivationWidth: 0,
+
 				// Learn about plugins: https://revealjs.com/plugins/
 				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
 			});

dist/reveal.esm.js.map

@@ -60,11 +60,13 @@ export default class Location {
 				name = name.split( '/' ).shift();
 			}
 
-			// Ensure the named link is a valid HTML ID attribute
+			// Ensure the named link is a valid HTML id or data-id attribute
 			try {
-				slide = document
-					.getElementById( decodeURIComponent( name ) )
-					.closest('.slides section');
+				const decodedName = decodeURIComponent( name );
+				slide = (
+					document.getElementById( decodedName ) ||
+					document.querySelector( `[data-id="${decodedName}"]` )
+				).closest('.slides section');
 			}
 			catch ( error ) { }