inline-2.html (1245B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html class="reftest-wait"> 5 <head> 6 <title>CSS Test: Sticky Positioning - inline, dynamic changes</title> 7 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 8 <link rel="match" href="inline-2-ref.html"> 9 <meta name="assert" content="Sticky positioning on inline elements should move all continuations when the offsets are changed"> 10 <meta name="flags" content="dom"> 11 <link rel="stylesheet" type="text/css" href="ahem.css"> 12 <style> 13 #scroll { 14 overflow: hidden; 15 height: 200px; 16 font: 10px/1 Ahem; 17 } 18 #sticky { 19 position: sticky; 20 top: 20px; 21 left: 20px; 22 } 23 </style> 24 </head> 25 <body> 26 <div id="scroll"> 27 hello <span id="sticky">there<br>everyone</span> 28 </div> 29 <script type="text/javascript"> 30 document.addEventListener("MozReftestInvalidate", function() { 31 document.getElementById("sticky").style.top = "30px"; 32 document.getElementById("sticky").style.left = "30px"; 33 document.documentElement.removeAttribute("class"); 34 }); 35 </script> 36 </body> 37 </html>