diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html')
| -rw-r--r-- | testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html b/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html new file mode 100644 index 0000000000..b77566fdfc --- /dev/null +++ b/testing/web-platform/tests/html/semantics/popovers/popover-hidden-display.tentative.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel=author href="mailto:masonf@chromium.org"> +<link rel=help href="https://open-ui.org/components/popup.research.explainer"> +<link rel=match href="popover-hidden-display-ref.tentative.html"> +<meta name=fuzzy content="0-1;0-15"> + +<div class=nottoplayer popover >This content should be visible and green</div> +<div class=nottoplayer popover=invalid style="top:100px;">This content should be visible and green</div> +<div class=toplayer popover style="top:200px;">This content should be visible and green</div> + +<style> + [popover] { + display: block; /* This should make the popover visible */ + top: 0; + margin:10px; + width: 300px; + height: 50px; + } + [popover].nottoplayer { + background: green; + } + [popover].toplayer { + background: red; + } + [popover].toplayer:open { + background: green; + } + [popover].nottoplayer:open { + background: red; + } +</style> +<script> + const toplayer = document.querySelectorAll('[popover].toplayer'); + if (toplayer.length !== 1) + document.write('FAIL'); + toplayer[0].showPopover(); +</script> |