The Tor Browser / file comparison
comparison: layout/reftests/flexbox/flexbox-invalidation-1.html
layout/reftests/flexbox/flexbox-invalidation-1.html
- branch
- TOR_BUG_9701
- changeset 8
- 97036ab72558
equal
deleted
inserted
replaced
| -1:000000000000 | 0:b7eb44a22be2 |
|---|---|
| 1 <!DOCTYPE html> | |
| 2 <!-- | |
| 3 Any copyright is dedicated to the Public Domain. | |
| 4 http://creativecommons.org/publicdomain/zero/1.0/ | |
| 5 --> | |
| 6 <!-- | |
| 7 This test verifies that we include our children's overflow areas in the | |
| 8 flex container's overflow area -- invalidating their old location and new | |
| 9 location when the flex container is moved, even if they stick outside the | |
| 10 flex container. | |
| 11 --> | |
| 12 <html class="reftest-wait"> | |
| 13 <head> | |
| 14 <script> | |
| 15 function tweak() { | |
| 16 var outer = document.getElementById("outer"); | |
| 17 outer.style.marginLeft = "40px"; | |
| 18 | |
| 19 document.documentElement.removeAttribute("class"); | |
| 20 } | |
| 21 | |
| 22 window.addEventListener("MozReftestInvalidate", tweak, false); | |
| 23 </script> | |
| 24 <style> | |
| 25 div#flexContainer { | |
| 26 width: 100px; | |
| 27 height: 50px; | |
| 28 background: lightgray; | |
| 29 display: flex; | |
| 30 justify-content: center; | |
| 31 } | |
| 32 | |
| 33 div#flexItem { | |
| 34 border: 1px solid black; | |
| 35 height: 200%; | |
| 36 background: purple; | |
| 37 } | |
| 38 </style> | |
| 39 </head> | |
| 40 <body> | |
| 41 <div id="outer"> | |
| 42 <div id="flexContainer"> | |
| 43 <div id="flexItem">item</div> | |
| 44 </div> | |
| 45 </div> | |
| 46 </body> | |
| 47 </html> |
