block-in-inline-continuations.html (1063B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <title>CSS Test: Sticky Positioning - continuations have no effect when resizing</title> 7 <link rel="author" title="Abel Lin" href="mailto:alin@mozilla.com"> 8 <link rel="match" href="block-in-inline-continuations-ref.html"> 9 <meta name="assert" content="Inline elements split and contain blocks should always have all parts moved the same offset from their normal position"> 10 <link rel="stylesheet" href="ahem.css"> 11 <style> 12 #scroll { 13 height: 100px; 14 overflow: hidden; 15 font: 20px/1 Ahem; 16 } 17 #sticky { 18 display: inline; 19 position: sticky; 20 top: 20px; 21 } 22 </style> 23 <script> 24 function run() { 25 document.getElementById("scroll").style.width = "750px"; 26 } 27 </script> 28 </head> 29 <body onload="run()"> 30 <div id="scroll"> 31 <div id="sticky"> 32 <div>in block</div> 33 after block 34 </div> 35 </div> 36 </body> 37 </html>