Chromium Code Reviews Chromium Code Reviews
Issue 2268733002:
Update fixed-right-in-page-scale.html in an attempt to make it pass (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| OLD | NEW |
|---|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 ::-webkit-scrollbar { | 4 ::-webkit-scrollbar { |
| 5 width: 0px; | 5 width: 0px; |
| 6 height: 0px; | 6 height: 0px; |
| 7 } | 7 } |
| 8 </style> | 8 </style> |
| 9 <script src="../../resources/js-test.js"></script> | |
| 9 <script> | 10 <script> |
| 10 window.enablePixelTesting = true; | 11 window.enablePixelTesting = true; |
| 11 | 12 |
| 12 function scroll() { | 13 function scroll() { |
| 14 // Scrolls so that unscaled content is out of view | |
| 13 window.scrollTo(100,100); | 15 window.scrollTo(100,100); |
| 14 } | 16 } |
| 15 | 17 |
| 16 function applyScaleFactor() { | 18 function applyScaleFactor() { |
| 17 var scaleFactor = 2.0; | 19 var scaleFactor = 2.0; |
| 18 if (window.internals) | 20 if (window.internals) { |
|
pdr.
2016/08/22 21:26:08
Nit: no need for extra curlies
| |
| 19 internals.setPageScaleFactor(scaleFactor); | 21 internals.setPageScaleFactor(scaleFactor); |
| 22 } | |
| 20 } | 23 } |
| 21 | 24 |
| 22 function test() { | 25 function test() { |
| 26 if (window.internals) | |
| 27 internals.settings.setScrollAnimatorEnabled(false); | |
| 28 | |
| 23 // Scroll before applying page scale so we scroll the layout viewport. | 29 // Scroll before applying page scale so we scroll the layout viewport. |
| 24 scroll(); | 30 scroll(); |
| 25 applyScaleFactor(); | 31 applyScaleFactor(); |
| 26 } | 32 } |
| 27 </script> | 33 </script> |
| 28 <script src="../../resources/js-test.js"></script> | |
| 29 </head> | 34 </head> |
| 30 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> | 35 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> |
| 31 <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> | 36 <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> |
| 32 <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div> | 37 <div style="left:0; top:0; width:100px; height:100px; position:absolute; background:yellow;"></div> |
| 33 <div style="left:100px; top:0; width:100px; height:100px; position:absol ute; background:green;"></div> | 38 <div style="left:100px; top:0; width:100px; height:100px; position:absol ute; background:green;"></div> |
| 34 | 39 |
| 35 <div style="left:0; top:100px; width:100px; height:100px; position:absol ute; background:black;"></div> | 40 <div style="left:0; top:100px; width:100px; height:100px; position:absol ute; background:black;"></div> |
| 36 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:blue;"></div> | 41 <div style="left:100px; top:100px; width:100px; height:100px; position:a bsolute; background:blue;"></div> |
| 37 </div> | 42 </div> |
| 38 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3 00px" id="grid"> | 43 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3 00px" id="grid"> |
| 39 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> | 44 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> |
| 40 <div style="float:left; width:100px; height:100px; background:green;"></ div> | 45 <div style="float:left; width:100px; height:100px; background:green;"></ div> |
| 41 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> | 46 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> |
| 42 | 47 |
| 43 <div style="float:left; width:100px; height:100px; background: green;">< /div> | 48 <div style="float:left; width:100px; height:100px; background: green;">< /div> |
| 44 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> | 49 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> |
| 45 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> | 50 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> |
| 46 | 51 |
| 47 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> | 52 <div style="float:left; width:100px; height:100px; background:blue;"></d iv> |
| 48 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> | 53 <div style="float:left; width:100px; height:100px; background:yellow;">< /div> |
| 49 <div style="float:left; width:100px; height:100px; background:green;"></ div> | 54 <div style="float:left; width:100px; height:100px; background:green;"></ div> |
| 50 </div> | 55 </div> |
| 51 <div id="console"></div> | 56 <div id="console"></div> |
| 52 </body> | 57 </body> |
| 53 </html> | 58 </html> |
| OLD | NEW |
