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/css/css-overflow/margin-block-end-scroll-area-001.html | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.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/css/css-overflow/margin-block-end-scroll-area-001.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-overflow/margin-block-end-scroll-area-001.html | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-overflow/margin-block-end-scroll-area-001.html b/testing/web-platform/tests/css/css-overflow/margin-block-end-scroll-area-001.html new file mode 100644 index 0000000000..3b8f4ca3f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-overflow/margin-block-end-scroll-area-001.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Overflow Test: margin-block-end, scrolling area height and scrollTop (complex)</title> + + <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/#scrollable"> + <link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-element-scrolltop"> + <link rel="help" href="https://www.w3.org/TR/cssom-view-1/#scrolling-area"> + <link rel="match" href="reference/ref-if-there-is-no-red.xht"> + + <!-- + + This test is a slightly modified version of the testcase from + + Morten Stenshorne coming from + + https://bugs.chromium.org/p/chromium/issues/detail?id=750992#c8 + + --> + + <meta content="" name="flags"> + <meta content="This test checks that when the bottom edge of an element's scrolling area is the bottom margin edge of all of the element's descendants' boxes, then the element.scrollTop must reach such bottom edge. In this test, the tested element's scrolling area height must reach the end edge of the margin-bottom of the p element." name="assert"> + + <style> + div + { + height: 200px; + } + + div#test + { + font-size: 100px; + /* + Setting a font-size of 100px is to influence the + margin on the P without setting it directly. + */ + overflow: hidden; + } + + div#red + { + background-color: red; + } + + div#red > p + { + height: 1px; + } + </style> + + <body onload="document.getElementById('test').scrollTop = 200;"> + + <p>Test passes if there is <strong>no red</strong>. + + <div id="test"> + + <div id="red"> + + <div id="filler"></div> + + <p> + + </div> + + </div> |