<!DOCTYPE html> <html> <title>scroll-snap-type does not propagate body to viewport</title> <link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'> <link rel='help' href='https://drafts.csswg.org/css-scroll-snap-1/#scroll-snap-type'> <link rel='help' href='https://drafts.csswg.org/css-scroll-snap-1/#scroll-padding'> <link rel='match' href='no-red-ref.html'> <meta name='assert' content="Test passes if scroll-snap-type on body is not applied to viewport."> <style type='text/css'> :root { overflow: hidden; /* hide scrollbars for reftest analysis */ } body { scroll-snap-type: block mandatory; } #pass { height: 120vh; } #target { scroll-snap-align: start; height: 100vh; background: red; } </style> <p id="pass">Test passes if there is no red. <div id="target"> <div>FAIL</div> </div>