diff options
Diffstat (limited to 'layout/base/tests/bug1663475-1.html')
| -rw-r--r-- | layout/base/tests/bug1663475-1.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/layout/base/tests/bug1663475-1.html b/layout/base/tests/bug1663475-1.html new file mode 100644 index 0000000000..5e046d8c80 --- /dev/null +++ b/layout/base/tests/bug1663475-1.html @@ -0,0 +1,32 @@ +<!doctype html> +<html class="reftest-wait"> +<title>Caret is correctly painted over inline with clip</title> +<script src="/tests/SimpleTest/SimpleTest.js"></script> +<script src="/tests/SimpleTest/EventUtils.js"></script> +<style> + div { + font: 16px/1 monospace; + caret-color: black; + } + div:focus { + outline: 2px solid blue; + } + span { + /* This should only leave the "c" letter visible, but the caret should + still be visible when between "a" and "b" */ + clip-path: inset(0 2ch); + } +</style> +<div contenteditable spellcheck="false"> + <span>abcde</span> +</div> +<script> +SimpleTest.waitForFocus(function() { + document.querySelector('[contenteditable]').focus(); + requestAnimationFrame(function() { + // Position the caret between "a" and "b". + synthesizeKey("KEY_ArrowRight"); + document.documentElement.removeAttribute("class"); + }); +}); +</script> |