diff options
Diffstat (limited to 'testing/web-platform/tests/html/semantics/popovers/popover-anchor-display-none.tentative.html')
-rw-r--r-- | testing/web-platform/tests/html/semantics/popovers/popover-anchor-display-none.tentative.html | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/popovers/popover-anchor-display-none.tentative.html b/testing/web-platform/tests/html/semantics/popovers/popover-anchor-display-none.tentative.html new file mode 100644 index 0000000000..55a11fafdb --- /dev/null +++ b/testing/web-platform/tests/html/semantics/popovers/popover-anchor-display-none.tentative.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Tests that a popover can be anchored to an unrendered element.</title> +<link rel=author href="mailto:xiaochengh@chromium.org"> +<link rel=help href="https://open-ui.org/components/popover.research.explainer"> +<link rel=help href="https://html.spec.whatwg.org/multipage/popover.html"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<div id=popover popover anchor=anchor></div> +<div id=anchor></div> + +<style> + #anchor { + display: none; + } + [popover] { + background: lime; + padding: 0; + border: 0; + width: 100px; + height: 100px; + top: anchor(top, 100px); + left: anchor(left, 100px); + } +</style> + +<script> +test(() => { + popover.showPopover(); + assert_equals(popover.offsetLeft, 100); + assert_equals(popover.offsetTop, 100); +}); +</script> |