summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-05-15 03:35:49 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-05-15 03:35:49 +0000
commitd8bbc7858622b6d9c278469aab701ca0b609cddf (patch)
treeeff41dc61d9f714852212739e6b3738b82a2af87 /testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html
parentReleasing progress-linux version 125.0.3-1~progress7.99u1. (diff)
downloadfirefox-d8bbc7858622b6d9c278469aab701ca0b609cddf.tar.xz
firefox-d8bbc7858622b6d9c278469aab701ca0b609cddf.zip
Merging upstream version 126.0.
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html')
-rw-r--r--testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html87
1 files changed, 0 insertions, 87 deletions
diff --git a/testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html b/testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html
deleted file mode 100644
index 88a6af27ba..0000000000
--- a/testing/web-platform/tests/css/css-scrollbars/scrollbar-width-015.tentative.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Scrollbars: scrollbar-width on scrollable areas correctly interacts with ::-webkit-scrollbar</title>
-<link rel="author" title="Luke Warlow" href="mailto:luke@warlow.dev" />
-<link rel="help" href="https://drafts.csswg.org/css-scrollbars-1/" />
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-<style>
- .container {
- overflow: auto;
- height: 200px;
- width: 200px;
- margin: 1px;
- padding: 0px;
- border: none;
- background: deepskyblue;
- }
-
- .content {
- height: 300px;
- width: 100%;
- background: lightsalmon;
- }
-
- .container.auto {
- scrollbar-width: auto;
- }
-
- /* This is so that browsers that don't implement the WebKit prefix still pass the test */
- @supports not selector(::-webkit-scrollbar) {
- .container.auto {
- overflow: hidden;
- }
- }
-
- ::-webkit-scrollbar {
- display: none;
- }
-
- .container.thin {
- scrollbar-width: thin;
- }
-</style>
-<script>
- function performTest() {
- setup({ explicit_done: true });
-
- // ltr
-
- test(function () {
- let container = document.getElementById('container_auto');
- let content = document.getElementById('content_auto');
- assert_equals(container.scrollWidth, 200, "auto scrollWidth");
- assert_equals(container.clientWidth, 200, "auto clientWidth");
- assert_equals(container.offsetLeft, content.offsetLeft, "auto offsetLeft");
- assert_equals(container.clientWidth, content.clientWidth, "auto clientWidth");
- assert_equals(container.offsetWidth, content.offsetWidth, "auto offsetWidth");
- }, "scrollbar-width auto defers to ::-webkit-scrollbar");
-
- test(function () {
- let container = document.getElementById('container_thin');
- let content = document.getElementById('content_thin');
- assert_less_than(container.scrollWidth, container.offsetWidth, "thin scrollWidth");
- assert_less_than(container.clientWidth, container.offsetWidth, "thin clientWidth");
- assert_equals(container.offsetLeft, content.offsetLeft, "thin offsetLeft");
- assert_equals(container.clientWidth, content.clientWidth, "thin clientWidth");
- assert_not_equals(container.offsetWidth, content.offsetWidth, "thin offsetWidth");
- }, "scrollbar-width thin overrides ::-webkit-scrollbar");
-
- done();
- }
-</script>
-
-<body onload="performTest()">
-
- Test scrollbar-width: vertical scrollbar
-
- <div class="container auto" id="container_auto">
- <div class="content" id="content_auto">auto</div>
- </div>
-
- <div class="container thin" id="container_thin">
- <div class="content" id="content_thin">thin</div>
- </div>
-
-</body>