scroll-marker-group-011.html (972B)
1 <!DOCTYPE html> 2 <title>Scroll marker group on fieldset</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group"> 4 <link rel="help" href="https://html.spec.whatwg.org/#anonymous-fieldset-content-box"> 5 <link rel="match" href="scroll-marker-group-011-ref.html"> 6 <style> 7 #scroller { 8 overflow: hidden; 9 height: 100px; 10 scroll-marker-group: before; 11 } 12 13 #scroller::scroll-marker-group { 14 display: flex; 15 height: 200px; 16 background: gray; 17 } 18 19 #scroller>div::scroll-marker { 20 display: block; 21 width: 25px; 22 height: 50%; 23 content: ""; 24 background: yellow; 25 } 26 </style> 27 <p>There should be a yellow square inside a gray box below, and below that, a 28 fieldset with a legend.</p> 29 <fieldset id="scroller"> 30 <legend>Legend</legend> 31 <div style="height:100px;">first</div> 32 <div style="height:100px;">second</div> 33 <div style="height:100px;">third</div> 34 <div style="height:100px;">fourth</div> 35 </fieldset>