fix issue that caused data-auto-animate to be added to the wrong slides
							parent
							
								
									d2796f56b8
								
							
						
					
					
						commit
						c38bc2c611
					
				
							
								
								
									
										12
									
								
								js/reveal.js
								
								
								
								
							
							
						
						
									
										12
									
								
								js/reveal.js
								
								
								
								
							|  | @ -3067,12 +3067,12 @@ | |||
| 				setTimeout( function() { | ||||
| 					dom.slides.classList.remove( 'disable-slide-transitions' ); | ||||
| 				}, 0 ); | ||||
| 			} | ||||
| 
 | ||||
| 				if( config.autoAnimate ) { | ||||
| 					// Run the auto-animation between our slides
 | ||||
| 					autoAnimate( previousSlide, currentSlide ); | ||||
| 				} | ||||
| 			} | ||||
| 
 | ||||
| 		} | ||||
| 
 | ||||
|  | @ -3876,9 +3876,11 @@ | |||
| 
 | ||||
| 		} ); | ||||
| 
 | ||||
| 		// Set our starting state
 | ||||
| 		fromSlide.dataset.autoAnimate = 'pending'; | ||||
| 		toSlide.dataset.autoAnimate = 'pending'; | ||||
| 		// Set our starting state. Note that we may be coming from, or
 | ||||
| 		// going to, a non-auto-animate slide so we only want to assign
 | ||||
| 		// this value is the attribute exists.
 | ||||
| 		if( typeof fromSlide.dataset.autoAnimate === 'string' ) fromSlide.dataset.autoAnimate = 'pending'; | ||||
| 		if( typeof toSlide.dataset.autoAnimate === 'string' ) toSlide.dataset.autoAnimate = 'pending'; | ||||
| 
 | ||||
| 		// Inject our auto-animate styles for this transition
 | ||||
| 		var css = getAutoAnimatableElements( fromSlide, toSlide ).map( function( elements ) { | ||||
|  | @ -3902,7 +3904,7 @@ | |||
| 
 | ||||
| 		// Start the animation next cycle
 | ||||
| 		setTimeout( function() { | ||||
| 			toSlide.dataset.autoAnimate = 'running'; | ||||
| 			if( typeof toSlide.dataset.autoAnimate === 'string' ) toSlide.dataset.autoAnimate = 'running'; | ||||
| 		}, 2 ); | ||||
| 
 | ||||
| 	} | ||||
|  |  | |||
|  | @ -37,6 +37,10 @@ | |||
| 					<h3>h3</h2> | ||||
| 				</section> | ||||
| 
 | ||||
| 				<section> | ||||
| 					<h1>Non-auto-animate slide</h1> | ||||
| 				</section> | ||||
| 
 | ||||
| 			</div> | ||||
| 
 | ||||
| 		</div> | ||||
|  | @ -46,7 +50,7 @@ | |||
| 
 | ||||
| 		<script> | ||||
| 
 | ||||
| 			const slides = [].slice.call( document.querySelectorAll( '.slides section' ) ).map( slide => { | ||||
| 			const slides = Array.prototype.map.call( document.querySelectorAll( '.slides section' ), slide => { | ||||
| 				return { | ||||
| 					h1: slide.querySelector( 'h1' ), | ||||
| 					h2: slide.querySelector( 'h2' ), | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Hakim El Hattab
						Hakim El Hattab