Browse Source

Prevent layout thrashing by status text

Jeroen Hermans 4 years ago
parent
commit
aaa7c02b5c
1 changed files with 5 additions and 1 deletions
  1. 5 1
      js/reveal.js

+ 5 - 1
js/reveal.js

@@ -1335,7 +1335,11 @@ export default function( revealElement, options ) {
 		}
 
 		// Announce the current slide contents to screen readers
-		announceStatus( getStatusText( currentSlide ) );
+		// Use animation frame to prevent getComputedStyle in getStatusText
+		// from triggering layout mid-frame
+		requestAnimationFrame( function() {
+			announceStatus( getStatusText( currentSlide ) );
+		});
 
 		progress.update();
 		controls.update();