 Chromium Code Reviews
 Chromium Code Reviews Issue 1415513002:
  Remove plumbing for inert-visual-viewport flag  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/src.git@master
    
  
    Issue 1415513002:
  Remove plumbing for inert-visual-viewport flag  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/src.git@master| OLD | NEW | 
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 | 2 | 
| 3 <script src="../../../../resources/js-test.js"></script> | 3 <script src="../../../../resources/js-test.js"></script> | 
| 4 <script> | 4 <script> | 
| 5 if (window.testRunner && window.eventSender && window.internals) { | 5 if (window.testRunner && window.eventSender && window.internals) { | 
| 6 window.jsTestIsAsync = true; | 6 window.jsTestIsAsync = true; | 
| 7 testRunner.waitUntilDone(); | 7 testRunner.waitUntilDone(); | 
| 8 } | 8 } | 
| 9 | 9 | 
| 10 var horizontalContainer; | 10 var horizontalContainer; | 
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 77 } | 77 } | 
| 78 | 78 | 
| 79 var setVerticalContainerScrollsExpectation = function() { | 79 var setVerticalContainerScrollsExpectation = function() { | 
| 80 verticalContainer.addEventListener("scroll", verticalContainerScrollHandler) ; | 80 verticalContainer.addEventListener("scroll", verticalContainerScrollHandler) ; | 
| 81 checkExpectation = function() { | 81 checkExpectation = function() { | 
| 82 shouldNotBe('verticalContainer.scrollTop', 'fullyScrolled'); | 82 shouldNotBe('verticalContainer.scrollTop', 'fullyScrolled'); | 
| 83 } | 83 } | 
| 84 } | 84 } | 
| 85 | 85 | 
| 86 var setContainerDoesntScrollExpectation = function() { | 86 var setContainerDoesntScrollExpectation = function() { | 
| 87 // Scrolling just the visual viewport doesn't trigger scroll events. Thus, | |
| 88 // we scroll the layout viewport before the fling so that the fling triggers | |
| 89 // the scrollHandler. | |
| 90 window.scrollTo(10, 10); | |
| 
bokan
2015/10/21 21:48:36
I'm a bit worried that this could cause flakiness
 | |
| 87 window.addEventListener("scroll", scrollHandler); | 91 window.addEventListener("scroll", scrollHandler); | 
| 88 checkExpectation = function() { | 92 checkExpectation = function() { | 
| 89 shouldBe('verticalContainer.scrollTop', 'fullyScrolled'); | 93 shouldBe('verticalContainer.scrollTop', 'fullyScrolled'); | 
| 90 shouldBe('horizontalContainer.scrollLeft', 'fullyScrolled'); | 94 shouldBe('horizontalContainer.scrollLeft', 'fullyScrolled'); | 
| 91 } | 95 } | 
| 92 } | 96 } | 
| 93 | 97 | 
| 94 var reset = function() { | 98 var reset = function() { | 
| 95 window.removeEventListener("scroll", scrollHandler); | 99 window.removeEventListener("scroll", scrollHandler); | 
| 96 horizontalContainer.removeEventListener("scroll", horizontalContainerScrollH andler); | 100 horizontalContainer.removeEventListener("scroll", horizontalContainerScrollH andler); | 
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 181 } | 185 } | 
| 182 } | 186 } | 
| 183 | 187 | 
| 184 var runTest = function() { | 188 var runTest = function() { | 
| 185 reset(); | 189 reset(); | 
| 186 tests[currentTest](); | 190 tests[currentTest](); | 
| 187 } | 191 } | 
| 188 </script> | 192 </script> | 
| 189 | 193 | 
| 190 <style> | 194 <style> | 
| 195 body { | |
| 196 width: 1000px; | |
| 197 height: 1000px; | |
| 198 } | |
| 191 .verticalContainer { | 199 .verticalContainer { | 
| 192 position: absolute; | 200 position: absolute; | 
| 193 left: 350px; | 201 left: 350px; | 
| 194 top: 0px; | 202 top: 0px; | 
| 195 width: 50px; | 203 width: 50px; | 
| 196 height: 300px; | 204 height: 300px; | 
| 197 overflow-y: scroll; | 205 overflow-y: scroll; | 
| 198 overflow-x: hidden; | 206 overflow-x: hidden; | 
| 199 } | 207 } | 
| 200 | 208 | 
| (...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 265 <div style="float: left" class="greenbox"></div> | 273 <div style="float: left" class="greenbox"></div> | 
| 266 <div style="float: left" class="redbox"></div> | 274 <div style="float: left" class="redbox"></div> | 
| 267 <div style="float: left" class="greenbox"></div> | 275 <div style="float: left" class="greenbox"></div> | 
| 268 <div style="float: left" class="redbox"></div> | 276 <div style="float: left" class="redbox"></div> | 
| 269 <div style="float: left" class="greenbox"></div> | 277 <div style="float: left" class="greenbox"></div> | 
| 270 <div style="float: left" class="redbox"></div> | 278 <div style="float: left" class="redbox"></div> | 
| 271 <div style="float: left" class="greenbox"></div> | 279 <div style="float: left" class="greenbox"></div> | 
| 272 <div style="float: left" class="redbox"></div> | 280 <div style="float: left" class="redbox"></div> | 
| 273 </div> | 281 </div> | 
| 274 </div> | 282 </div> | 
| OLD | NEW |