position-sticky-crash.html (764B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://issues.chromium.org/issues/399689229"> 3 <style> 4 .container { 5 min-width: 30px; 6 container-type: inline-size; 7 } 8 9 .scroller { 10 overflow: scroll; 11 width: 100px; 12 height: 100px; 13 } 14 15 @container (width = 100px) { 16 .scroller { display: none; } 17 } 18 19 .float { 20 background: cyan; 21 float: left; 22 } 23 </style> 24 <div style="display: flow-root; width: 100px;"> 25 <!-- The floats create a situation where it needs to perform layout twice, first with 50px, then 100px. --> 26 <div class="float" style="width: 50px; height: 50px;"></div> 27 <div class="float" style="width: 100px; height: 50px;"></div> 28 29 <div class="container"> 30 <div class="scroller"> 31 <div style="position: sticky; top: 0;"></div> 32 </div> 33 </div> 34 </div>