column-scroll-marker-group-style-remove.html (899B)
1 <!DOCTYPE HTML> 2 <title>CSS Overflow Test: disabling ::scroll-marker-group removes column scroll-markers</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group%E2%91%A0"> 4 <link rel="match" href="scroll-marker-group-style-remove-ref.html"> 5 <style> 6 #scroller { 7 overflow: hidden; 8 scroll-marker-group: after; 9 columns: 1; 10 column-fill: auto; 11 height: 100px; 12 width: 100px; 13 } 14 #scroller::column::scroll-marker { 15 content: ' '; 16 border-radius: 50%; 17 background: blue; 18 width: 50px; 19 height: 50px; 20 } 21 .scroll-marker-group::scroll-marker-group { 22 border: 3px solid black; 23 display: flex; 24 height: 50px; 25 width: 100px; 26 } 27 .item { 28 height: 100px; 29 width: 100px; 30 } 31 </style> 32 <div id="scroller" class="scroll-marker-group"> 33 <div class="item">1</div> 34 <div class="item">2</div> 35 </div> 36 <script> 37 document.body.offsetTop; 38 scroller.className = ""; 39 </script>