Bug 289800
| Summary: | -webkit-backdrop-filter ignores css variables | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | krabodyan |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Trivial | CC: | koivisto, ntim, simon.fraser, webkit-bug-importer, webkit, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Other | ||
| Hardware: | PC | ||
| OS: | Linux | ||
| See Also: |
https://bugs.webkit.org/show_bug.cgi?id=263834 https://bugs.webkit.org/show_bug.cgi?id=289149 https://bugs.webkit.org/show_bug.cgi?id=297620 |
||
krabodyan
--blur-size: 8px;
--blur: blur(var(--blur-size));
-webkit-filter: var(--blur); /* works */
-webkit-filter: blur(var(--blur-size)); /* works */
-webkit-backdrop-filter: blur(8px); /* works */
-webkit-backdrop-filter: var(--blur); /* dont work */
-webkit-backdrop-filter: blur(var(--blur-size)); /* dont work */
in devtools -webkit-backdrop-filter is marked as applied and the value of variables is displayed, but there is no blur effect itself.
-webkit-filter works properly with the same variables.
Chromium, FIrefox, etc does not have this problem.
Bug persist in Tauri 2.0 app built with webkitgtk_4_1 version 2.46.6 from nixos unstable
Same app built on windows does not have this bug
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/147591500>