scroll-marker-007.html (837B)
1 <!DOCTYPE html> 2 <title>Scroll marker group with auto block-size</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 5 <style> 6 #scroller { 7 overflow: hidden; 8 scroll-marker-group: after; 9 } 10 11 #scroller::scroll-marker-group { 12 contain: none; 13 /* It should be impossible to disable size containment for scroll marker groups, so this declaration should have no effect. */ 14 display: block; 15 width: fit-content; 16 border: 50px solid green; 17 background: red; 18 } 19 20 #scroller>*::scroll-marker { 21 display: block; 22 width: 200px; 23 height: 200px; 24 content: ""; 25 } 26 </style> 27 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 28 <div id="scroller"> 29 <div></div> 30 </div>