layout/reftests/css-valuesandunits/unit-vh-vw-overflow-scroll-x-ref-iframe.html

Tue, 06 Jan 2015 21:39:09 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Tue, 06 Jan 2015 21:39:09 +0100
branch
TOR_BUG_9701
changeset 8
97036ab72558
permissions
-rw-r--r--

Conditionally force memory storage according to privacy.thirdparty.isolate;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.

michael@0 1 <style>
michael@0 2 body { overflow-x: scroll }
michael@0 3 div {
michael@0 4 width: 10px;
michael@0 5 height: 10px;
michael@0 6 background-color: #d64203;
michael@0 7 }
michael@0 8 </style>
michael@0 9
michael@0 10 <body>
michael@0 11 <div style="width: 50px"></div> <!-- Unaffected by scrollbars. -->
michael@0 12 <div id="b"></div>
michael@0 13 <div style="width: 35px"></div> <!-- Unaffected by scrollbars. -->
michael@0 14 <div id="d"></div>
michael@0 15
michael@0 16 <!-- Deliberately make scrollbars appear. -->
michael@0 17 <div style="width: 500px; height: 500px; background-color: black">
michael@0 18 </body>
michael@0 19
michael@0 20 <script>
michael@0 21 // client{Width, Height} consist of the area _inside_ the scrollbars, so these
michael@0 22 // manually calculated units reflect the fact that with 'overflow: scroll' set,
michael@0 23 // viewport units are sized taking the scrollbars into account. Since we're
michael@0 24 // only dealing with 'overflow-x' here, only the height units are affected.
michael@0 25 var vh = 0.01 * document.body.clientHeight;
michael@0 26 document.getElementById('b').style.height = (25 * vh) + "px";
michael@0 27 document.getElementById('d').style.height = (25 * vh) + "px";
michael@0 28 </script>

mercurial