| OLD | NEW |
|---|
| 1 <title>Select element scrolling when in transformed container</title> | 1 <title>Select element scrolling when in transformed container</title> |
| 2 <script> | 2 <script> |
| 3 | 3 |
| 4 function test() | 4 function test() |
| 5 { | 5 { |
| 6 if (window.testRunner) { | 6 if (window.testRunner) { |
| 7 testRunner.dumpAsText(); | 7 testRunner.dumpAsText(); |
| 8 testRunner.waitUntilDone(); | 8 testRunner.waitUntilDone(); |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 font-size: 14px; | 90 font-size: 14px; |
| 91 background-color: red; | 91 background-color: red; |
| 92 color: white; | 92 color: white; |
| 93 } | 93 } |
| 94 | 94 |
| 95 .padding { | 95 .padding { |
| 96 height: 500px; | 96 height: 500px; |
| 97 } | 97 } |
| 98 | 98 |
| 99 .offset { | 99 .offset { |
| 100 -webkit-transform: translateY(-300px); | 100 transform: translateY(-300px); |
| 101 } | 101 } |
| 102 | 102 |
| 103 .scaled { | 103 .scaled { |
| 104 color: white; | 104 color: white; |
| 105 background-color: red; | 105 background-color: red; |
| 106 height: 20px; | 106 height: 20px; |
| 107 -webkit-transform: scaleY(2.0); | 107 transform: scaleY(2.0); |
| 108 } | 108 } |
| 109 </style> | 109 </style> |
| 110 <body onload="test()"> | 110 <body onload="test()"> |
| 111 <p id="message"> | 111 <p id="message"> |
| 112 Testing the scrolling behaviour of elements when in a normal and transformed c
ontainer. | 112 Testing the scrolling behaviour of elements when in a normal and transformed c
ontainer. |
| 113 On the left is the normal container. On the right are containers containing tr
ansformed elements. | 113 On the left is the normal container. On the right are containers containing tr
ansformed elements. |
| 114 To test this manually, click on the two select elements. The menu popup should | 114 To test this manually, click on the two select elements. The menu popup should |
| 115 appear directly over the element - the content should not move.<br> | 115 appear directly over the element - the content should not move.<br> |
| 116 The third and fourth containers tests that scrollIntoView(false) works properl
y in the presence of a scaled element. Because the element is at the bottom of
the container, scrollIntoView should give the same result regardless of flag. | 116 The third and fourth containers tests that scrollIntoView(false) works properl
y in the presence of a scaled element. Because the element is at the bottom of
the container, scrollIntoView should give the same result regardless of flag. |
| 117 </p> | 117 </p> |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 164 </div> | 164 </div> |
| 165 </div> | 165 </div> |
| 166 | 166 |
| 167 <br> | 167 <br> |
| 168 | 168 |
| 169 <div id="results"> | 169 <div id="results"> |
| 170 </div> | 170 </div> |
| 171 | 171 |
| 172 | 172 |
| 173 </body> | 173 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master