241475 2022-06-09 10:43:49 -0700 Allow keywords in CSS custom property fallback 2024-12-14 08:04:16 -0800 1 1 1 Unclassified WebKit CSS Safari 15 All All NEW InRadar P2 Normal --- 1 xiaozj webkit-unassigned chriskirknielsen+wkbugs koivisto simon.fraser webkit-bug-importer oldest_to_newest 1875043 0 xiaozj 2022-06-09 10:43:49 -0700 Allow the use of keywords in custom property fallback. One useful use case is to allow the use of "revert" to use user-agent stylesheet value as fallback. Ex: * {display:var(--display,revert); --display:initial} The example may seem redundant, but becomes useful with more complex logic such as responsive variants, modular scale for font sizes etc. Firefox already supports this, Chrome is in the process of fixing it in https://bugs.chromium.org/p/chromium/issues/detail?id=1105782 1875258 1 webkit-bug-importer 2022-06-10 10:08:02 -0700 <rdar://problem/94822036> 2066093 2 xiaozj 2024-10-07 21:29:32 -0700 Any updates to this? Safari is now the only browser that doesn't support keywords in CSS variable (custom property) fallback. Both Chrome and Firefox supports it. 2081793 3 chriskirknielsen+wkbugs 2024-12-14 08:04:16 -0800 I believe I have run into the same issue and I'm seeing the correct styles in Chrome and Firefox, but not Safari. I have a reduced test case here which is manifested when toggling Dark Mode: https://codepen.io/chriskirknielsen/pen/emOBrvZ?editors=1100 Happy to create a new ticket if I'm incorrect about this being the same bug.