diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-position/sticky/position-sticky-input-box-gets-focused-after-scroll.html')
-rw-r--r-- | testing/web-platform/tests/css/css-position/sticky/position-sticky-input-box-gets-focused-after-scroll.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-position/sticky/position-sticky-input-box-gets-focused-after-scroll.html b/testing/web-platform/tests/css/css-position/sticky/position-sticky-input-box-gets-focused-after-scroll.html new file mode 100644 index 0000000000..438547dbb7 --- /dev/null +++ b/testing/web-platform/tests/css/css-position/sticky/position-sticky-input-box-gets-focused-after-scroll.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<title>Focusing on visible sticky input box should scroll to unshifted sticky position.</title> +<link rel="help" href="https://www.w3.org/TR/css-position-3/#sticky-pos" /> +<meta name="assert" content="This test checks that focusing on visible sticky +positioned input box should not scroll the page." /> + +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<style> +body { + height: 2000px; +} + +input { + position: sticky; + top: 10px; +} +</style> + +<input type="text" id="input"/> + +<script> +test(() => { + var input = document.getElementById('input'); + window.scrollTo(0, 100); + input.focus(); + assert_equals(window.scrollY, 0); +}, 'Focusing on visible sticky input box should reset the scroll to unshifted sticky position.'); +</script> |