LibWeb: Mark scrollbar-color property as inherited

2025-12-29 01:45:34 +13:00 · 2025-12-29 01:45:34 +13:00 · e79644bf6b
commit e79644bf6b
parent 51114d12fb
6 changed files with 24 additions and 6 deletions
--- a/Libraries/LibWeb/CSS/Properties.json
+++ b/Libraries/LibWeb/CSS/Properties.json
@ -3502,7 +3502,7 @@
  "scrollbar-color": {
    "affects-layout": false,
    "animation-type": "by-computed-value",
-    "inherited": "yes",
+    "inherited": true,
    "initial": "auto"
  },
  "scrollbar-gutter": {
--- a/Tests/LibWeb/Text/expected/css/CSSStyleDeclaration-has-indexed-property-getter.txt
+++ b/Tests/LibWeb/Text/expected/css/CSSStyleDeclaration-has-indexed-property-getter.txt
@ -46,6 +46,7 @@ All properties associated with getComputedStyle(document.body):
    "paint-order",
    "pointer-events",
    "quotes",
+    "scrollbar-color",
    "shape-rendering",
    "stroke",
    "stroke-dasharray",
@ -262,7 +263,6 @@ All properties associated with getComputedStyle(document.body):
    "scale",
    "scroll-timeline-axis",
    "scroll-timeline-name",
-    "scrollbar-color",
    "scrollbar-gutter",
    "scrollbar-width",
    "shape-image-threshold",
--- a/Tests/LibWeb/Text/expected/css/getComputedStyle-print-all.txt
+++ b/Tests/LibWeb/Text/expected/css/getComputedStyle-print-all.txt
@ -44,6 +44,7 @@ overflow-wrap: normal
 paint-order: normal
 pointer-events: auto
 quotes: auto
+scrollbar-color: auto
 shape-rendering: auto
 stroke: none
 stroke-dasharray: none
@ -100,7 +101,7 @@ background-position-x: 0%
 background-position-y: 0%
 background-repeat: repeat
 background-size: auto
-block-size: 1530px
+block-size: 1545px
 border-block-end-color: rgb(0, 0, 0)
 border-block-end-style: none
 border-block-end-width: 0px
@ -186,7 +187,7 @@ grid-row-start: auto
 grid-template-areas: none
 grid-template-columns: none
 grid-template-rows: none
-height: 2820px
+height: 2835px
 inline-size: 784px
 inset-block-end: auto
 inset-block-start: auto
@ -260,7 +261,6 @@ ry: auto
 scale: none
 scroll-timeline-axis: block
 scroll-timeline-name: none
-scrollbar-color: auto
 scrollbar-gutter: auto
 scrollbar-width: auto
 shape-image-threshold: 0
--- a/Tests/LibWeb/Text/expected/css/inherit-scrollbar-color.txt
+++ b/Tests/LibWeb/Text/expected/css/inherit-scrollbar-color.txt
@ -0,0 +1 @@
+rgb(255, 0, 0) rgb(0, 128, 0)
--- a/Tests/LibWeb/Text/expected/wpt-import/css/css-cascade/all-prop-revert-layer.txt
+++ b/Tests/LibWeb/Text/expected/wpt-import/css/css-cascade/all-prop-revert-layer.txt
@ -48,6 +48,7 @@ Pass	overflow-wrap
 Pass	paint-order
 Pass	pointer-events
 Pass	quotes
+Pass	scrollbar-color
 Pass	shape-rendering
 Pass	stroke
 Pass	stroke-dasharray
@ -244,7 +245,6 @@ Pass	ry
 Pass	scale
 Pass	scroll-timeline-axis
 Pass	scroll-timeline-name
-Pass	scrollbar-color
 Pass	scrollbar-gutter
 Pass	scrollbar-width
 Pass	shape-image-threshold
--- a/Tests/LibWeb/Text/input/css/inherit-scrollbar-color.html
+++ b/Tests/LibWeb/Text/input/css/inherit-scrollbar-color.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <style>
+        #foo {
+            scrollbar-color: red green;
+        }
+    </style>
+    <div id="foo">
+        <div id="bar"></div>
+    </div>
+    <script src="../include.js"></script>
+    <script>
+        test(() => {
+            println(getComputedStyle(bar).scrollbarColor);
+        });
+    </script>
+</html>