layout/reftests/css-transitions/transitions-inline-rewrap-2.html@44a2da4a2ab2
layout/reftests/css-transitions/transitions-inline-rewrap-2.html
Fri, 16 Jan 2015 04:50:19 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 04:50:19 +0100
- branch
- TOR_BUG_9701
- changeset 13
- 44a2da4a2ab2
- permissions
- -rw-r--r--
Replace accessor implementation with direct member state manipulation, by
request https://trac.torproject.org/projects/tor/ticket/9701#comment:32
1 <html class="reftest-wait">
2 <title>Test for CSS transitions and re-wrapping of inlines</title>
3 <style type="text/css">
4 #test { transition: 20ms color linear 0; }
5 </style>
6 <script type="text/javascript">
8 window.onload = run;
10 function run() {
11 var test = document.getElementById("test");
12 var unused = test.offsetWidth;
13 unused = getComputedStyle(test, "").color;
14 test.style.color = "green";
15 unused = test.offsetWidth;
16 unused = getComputedStyle(test, "").color;
17 test.parentNode.style.width = "3em";
18 unused = test.offsetWidth;
19 unused = getComputedStyle(test, "").color;
20 setTimeout(step2, 100); // give transition time to run
21 }
22 function step2() {
23 document.documentElement.removeAttribute("class");
24 }
26 </script>
27 <div style="width: 50em">
28 <span id="test" style="color: red">
29 This is some text with a transition.
30 </span>
31 </div>
