WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED CONFIGURATION CHANGED
243665
CSS `color-scheme` can't be assigned via CSS variable
https://bugs.webkit.org/show_bug.cgi?id=243665
Summary
CSS `color-scheme` can't be assigned via CSS variable
Thomas Steiner
Reported
2022-08-08 05:45:32 PDT
Created
attachment 461482
[details]
Correct behavior in Chrome It's impossible in Safari to make the following CSS work: ```css :root { --color-scheme: dark light; color-scheme: var(--color-scheme); } ``` Go to
https://aboard-bustling-bit.glitch.me/
in Safari and inspect the `<input>` with the value "Just a test". Note how the computed style for the `color-scheme` is always `auto`. Run the same test in Chrome and see how it reflects what is set via `var(--color-scheme)`.
Attachments
Correct behavior in Chrome
(255.35 KB, image/png)
2022-08-08 05:45 PDT
,
Thomas Steiner
no flags
Details
Incorrect behavior in Safari
(186.81 KB, image/png)
2022-08-08 05:46 PDT
,
Thomas Steiner
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Thomas Steiner
Comment 1
2022-08-08 05:46:05 PDT
Created
attachment 461483
[details]
Incorrect behavior in Safari
Tim Nguyen (:ntim)
Comment 2
2022-08-08 21:25:39 PDT
This seems fixed in tip of trunk.
Tim Nguyen (:ntim)
Comment 3
2022-08-08 21:28:14 PDT
I wonder if
https://github.com/WebKit/WebKit/commit/5cd7506926c2b38de056ec7dec5c62d1a049c052
fixed it by avoiding applying the property twice.
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug