sticky-content-crash.html (571B)
1 <!DOCTYPE html> 2 <link rel="help" href="http://crbug.com/1146872"> 3 <body> 4 <fieldset><span><span></span></span></fieldset> 5 <div id="host"><span></span></div> 6 <script> 7 const host = document.querySelector('#host'); 8 const shadowRoot = host.attachShadow({mode: 'closed'}); 9 const fieldset = shadowRoot.appendChild(document.createElement('fieldset')); 10 fieldset.setAttribute('style', 'overflow: scroll'); 11 fieldset.innerHTML = '<slot></slot>'; 12 </script> 13 <style> 14 *:not(fieldset, div) { 15 position: sticky; 16 bottom: 72pc; 17 } 18 fieldset { 19 overflow: visible scroll; 20 } 21 </style> 22 </body>