Ladybird/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-06-09 09:34:57 +09:00
Code Activity

LibWeb/CSS: Implement the scrollbar-color property

Browse source 
This allows the user to set the scrollbar thumb and track colors.
This commit is contained in:
Tim Ledbetter 2025-05-26 22:36:12 +01:00 • committed by Alexander Kalenik
parent 285bc005cb
commit e2d0d8e2b9
Notes: github-actions[bot] 2025-06-01 22:18:57 +00:00
24 changed files with 212 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Tests/LibWeb/Text/expected/css/CSSStyleDeclaration-has-indexed-property-getter.txt
View file

@ -208,6 +208,7 @@ All properties associated with getComputedStyle(document.body):
"rx",
"ry",
"scale",
"scrollbar-color",
"scrollbar-gutter",
"scrollbar-width",
"stop-color",

2
Tests/LibWeb/Text/expected/css/CSSStyleProperties-all-supported-properties-and-default-values.txt
View file

@ -564,6 +564,8 @@ All supported properties and their default values exposed from CSSStylePropertie
'rx': 'auto'
'ry': 'auto'
'scale': 'none'
'scrollbarColor': 'auto'
'scrollbar-color': 'auto'
'scrollbarGutter': 'auto'
'scrollbar-gutter': 'auto'
'scrollbarWidth': 'auto'

1
Tests/LibWeb/Text/expected/css/getComputedStyle-print-all.txt
View file

@ -206,6 +206,7 @@ row-gap: normal
rx: auto
ry: auto
scale: none
scrollbar-color: auto
scrollbar-gutter: auto
scrollbar-width: auto
stop-color: rgb(0, 0, 0)

5
Tests/LibWeb/Text/expected/wpt-import/css/css-cascade/all-prop-revert-layer.txt
View file

@ -1,8 +1,8 @@
Harness status: OK
Found 199 tests
Found 200 tests
189 Pass
190 Pass
10 Fail
Pass accent-color
Pass border-collapse
@ -175,6 +175,7 @@ Pass row-gap
Pass rx
Pass ry
Pass scale
Pass scrollbar-color
Pass scrollbar-gutter
Pass scrollbar-width
Pass stop-color

18
Tests/LibWeb/Text/expected/wpt-import/css/css-scrollbars/scrollbar-color-parsing.txt Normal file
View file

@ -0,0 +1,18 @@
Harness status: OK
Found 13 tests
13 Pass
Pass e.style['scrollbar-color'] = "initial" should set the property value
Pass e.style['scrollbar-color'] = "inherit" should set the property value
Pass e.style['scrollbar-color'] = "unset" should set the property value
Pass e.style['scrollbar-color'] = "revert" should set the property value
Pass e.style['scrollbar-color'] = "auto" should set the property value
Pass e.style['scrollbar-color'] = "red green" should set the property value
Pass e.style['scrollbar-color'] = "#FF0000 #00FF00" should set the property value
Pass e.style['scrollbar-color'] = "currentcolor currentcolor" should set the property value
Pass e.style['scrollbar-color'] = "" should not set the property value
Pass e.style['scrollbar-color'] = "auto auto" should not set the property value
Pass e.style['scrollbar-color'] = "auto currentcolor" should not set the property value
Pass e.style['scrollbar-color'] = "red" should not set the property value
Pass e.style['scrollbar-color'] = "#FF0000" should not set the property value

26
Tests/LibWeb/Text/input/wpt-import/css/css-scrollbars/scrollbar-color-parsing.html Normal file
View file

@ -0,0 +1,26 @@
<!doctype html>
<meta charset="utf-8">
<title>CSS Scrollbars: parsing scrollbar-color declarations</title>
<link rel="help" href="https://drafts.csswg.org/css-scrollbars/"/>
<meta name="assert" content="Parsing scrollbar-color declarations">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../css/support/parsing-testcommon.js"></script>
<script>
test_valid_value('scrollbar-color', 'initial');
test_valid_value('scrollbar-color', 'inherit');
test_valid_value('scrollbar-color', 'unset');
test_valid_value('scrollbar-color', 'revert');
test_valid_value('scrollbar-color', 'auto');
test_valid_value("scrollbar-color", "red green");
test_valid_value("scrollbar-color", "#FF0000 #00FF00", "rgb(255, 0, 0) rgb(0, 255, 0)");
test_valid_value("scrollbar-color", "currentcolor currentcolor");
test_invalid_value("scrollbar-color", "");
test_invalid_value("scrollbar-color", "auto auto");
test_invalid_value("scrollbar-color", "auto currentcolor");
test_invalid_value("scrollbar-color", "red");
test_invalid_value("scrollbar-color", "#FF0000");
</script>