| Index: third_party/WebKit/LayoutTests/paint/invalidation/caret-with-composited-scroll.html
|
| diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/caret-with-composited-scroll.html b/third_party/WebKit/LayoutTests/paint/invalidation/caret-with-composited-scroll.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..28e2353ec01525e64c603255c378436db17b6557
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/paint/invalidation/caret-with-composited-scroll.html
|
| @@ -0,0 +1,24 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +::-webkit-scrollbar { width: 0; height: 0; }
|
| +</style>
|
| +<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
|
| +This tests if the caret position is aligned correctly w.r.t. composited scrolling.
|
| +The important bit is that the "invalidate paint rectangle" invalidation has a position of about 1000px in the
|
| +y direction.
|
| +<div id="scroller" style="overflow: scroll; will-change: transform; width: 100px; height: 100px">
|
| + <div style="width: 10px; height: 1000px; background: lightgray"></div>
|
| + <input id="text" style="line-height: 1; font-size: 10; padding: 1px 0px 1px 1px; width:200px;"/>
|
| +</div>
|
| +<script>
|
| +window.testIsAsync = true;
|
| +onload = runRepaintAndPixelTest;
|
| +
|
| +function repaintTest() {
|
| + scroller.scrollTop = 200;
|
| + requestAnimationFrame(function() {
|
| + document.getElementById('text').focus();
|
| + finishRepaintTest();
|
| + });
|
| +}
|
| +</script>
|
|
|