scroll-marker-009.html (971B)
1 <!DOCTYPE html> 2 <title>Scroll marker group with out-of-flow children</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group"> 4 <link rel="help" href="https://github.com/flackr/carousel/issues/31"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 6 <style> 7 #scroller { 8 overflow: hidden; 9 scroll-marker-group: before; 10 } 11 12 #scroller::scroll-marker-group { 13 contain: none; 14 /* It should be impossible to disable layout containment for scroll marker groups, so this declaration should have no effect. */ 15 display: block; 16 width: 100px; 17 height: 100px; 18 background: red; 19 } 20 21 #scroller>*::scroll-marker { 22 display: block; 23 position: absolute; 24 right: 0; 25 top: 0; 26 width: 100px; 27 height: 100px; 28 content: ""; 29 background: green; 30 } 31 </style> 32 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 33 <div id="scroller"> 34 <div></div> 35 </div>