diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html b/testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html new file mode 100644 index 0000000000..d4909aa70f --- /dev/null +++ b/testing/web-platform/tests/css/css-contain/contain-layout-ink-overflow-019.html @@ -0,0 +1,69 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Test: 'contain: layout' on element that overflows and its parent has 'overflow: scroll'</title> + + <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu"> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#ink-overflow"> + <link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-layout"> + <link rel="match" href="reference/contain-layout-ink-overflow-019-ref.html"> + + <meta content="This test checks that when the contents of an element with 'contain: layout' overflows, its overflowing content must be treated as ink overflow. Such overflowing content therefore can not be reached and can not be accessed by the scrollbars or by the scrolling mechanism of the parent of such element. In this test, the parent has 'overflow: scroll'." name="assert"> + + <style> + div + { + height: 100px; + width: 100px; + } + + /* this means that each and all 4 div's use the same definite height and width */ + + div#parent-with-overflow-scroll + { + overflow: scroll; + } + + div#contain + { + contain: layout; + } + + div#pass + { + background-color: green; + } + + div#fail + { + background-color: red; + } + </style> + + <!-- + + 25px : height of a very tall horizontal scrollbar + + + 100px : height of div#fail + ======= + 125px + + --> + + <body onload="document.getElementById('parent-with-overflow-scroll').scrollLeft = 100; document.getElementById('parent-with-overflow-scroll').scrollTop = 125;"> + + <p>Test passes if there is a filled green square <strong>with 2 scroll bars</strong> and if there is <strong>no red</strong>. + + <div id="parent-with-overflow-scroll"> + + <div id="contain"> + + <div id="pass"></div> + + <div id="fail"></div> + + </div> + + </div> |