scroll-marker-012.html (743B)
1 <!DOCTYPE html> 2 <title>::scroll-marker with flex originating element, inline formatting context scroll marker group</title> 3 <link rel="help" href="https://issues.chromium.org/issues/376834376"> 4 <link rel="match" href="scroll-marker-011-ref.html"> 5 <style> 6 * { 7 font-family: monospace; 8 } 9 10 .scroller { 11 overflow: hidden; 12 scroll-marker-group: before; 13 } 14 15 .scroller::scroll-marker-group { 16 display: block; 17 height: 2em; 18 overflow: hidden; 19 } 20 21 .scroller>* { 22 display: flex; 23 } 24 25 .scroller>*::scroll-marker { 26 content: attr(text); 27 } 28 </style> 29 <p>The word "PASS" should be seen below.</p> 30 <div class="scroller"> 31 <div text="P"></div> 32 <div text="A"></div> 33 <div text="S"></div> 34 <div text="S"></div> 35 </div>