| Index: LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text.html
|
| diff --git a/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html b/LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text.html
|
| similarity index 54%
|
| copy from LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html
|
| copy to LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text.html
|
| index a2508aa34f60c5096fe6b3b28632b50fb32f7363..a5a57bd501dbe919f59d5e2b81e4ee755992140e 100644
|
| --- a/LayoutTests/compositing/gestures/gesture-tapHighlight-simple-margin.html
|
| +++ b/LayoutTests/compositing/gestures/gesture-tapHighlight-form-input-text.html
|
| @@ -1,16 +1,35 @@
|
| <!DOCTYPE html>
|
| -<html>
|
| -<head>
|
| -<link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css">
|
| -<script src="resources/link-highlight-helper.js"></script>
|
| <script src="../../resources/js-test.js"></script>
|
| +<script src="resources/link-highlight-helper.js"></script>
|
| +<style>
|
| +html {
|
| + -webkit-tap-highlight-color: rgb(0, 255, 0);
|
| +}
|
| +.pointer {
|
| + cursor:pointer;
|
| +}
|
| +input {
|
| + margin:20px;
|
| +}
|
| +</style>
|
| +<body onload="runTest();">
|
| +<div style="transform: translateZ(0); position: relative; left: 10px; top: 40px">
|
| + <form>
|
| + <div class="pointer">
|
| + <input id="target" value="Target Input Text">
|
| + </div>
|
| + </form>
|
| +</div>
|
| +<div style="position: relative; left: 10px; top: 70px">
|
| +This test is successful if there are no green rectangles.
|
| +</div>
|
| <script>
|
| function runTest() {
|
| useMockHighlight();
|
|
|
| - var clientRect = document.getElementById('targetLink').getBoundingClientRect();
|
| - x = (clientRect.left + clientRect.right) / 2;
|
| - y = (clientRect.top + clientRect.bottom) / 2;
|
| + var clientRect = target.getBoundingClientRect();
|
| + var x = (clientRect.left + clientRect.right) / 2;
|
| + var y = (clientRect.top + clientRect.bottom) / 2;
|
| if (window.testRunner) {
|
| testRunner.dumpAsTextWithPixelResults();
|
| testRunner.waitUntilDone();
|
| @@ -24,13 +43,4 @@ function runTest() {
|
| }
|
| }
|
| </script>
|
| -</head>
|
| -<body onload="runTest();">
|
| -<div style="transform: translateZ(0); position: relative; left: 10; top: 40">
|
| -<a class="opaqueHighlight" href="" id="targetLink">Target Link.</a>
|
| -</div>
|
| -<div style="position: relative; left: 10; top: 70">
|
| -This test is successful if "Target Link" above is covered in a green rectangle with square corners.
|
| -</div>
|
| </body>
|
| -</html>
|
|
|
Chromium Code Reviews
Issue 931753002:
Disable gesture tap highlight on editable nodes (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master