layout/reftests/position-sticky/inline-2.html@6474c204b198
layout/reftests/position-sticky/inline-2.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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 }, false);
35 </script>
36 </body>
37 </html>
