#32671 closed Uncategorized (wontfix)
CSS var() causes relative URLs to break in Safari
| Reported by: | Perry Roper | Owned by: | Perry Roper |
|---|---|---|---|
| Component: | contrib.admin | Version: | 3.2 |
| Severity: | Normal | Keywords: | |
| Cc: | Triage Stage: | Unreviewed | |
| Has patch: | yes | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | no |
| Easy pickings: | no | UI/UX: | yes |
Description (last modified by )
There is a bug in Safari where using the var() property alongside a url() that contains a relative path, the relative path will break. The bug also existed in Chrome (https://bugs.chromium.org/p/chromium/issues/detail?id=618165), which has been fixed. However the Safari bug still exists as of Mac OS 11.2.3.
Expected Output
Actual Output
As you can see from the console, the URLs end up being relative to the current page URL, not the CSS file URL in which they are loaded.
This bug was introduced in https://github.com/django/django/commit/0a802233ec1421e5e59a486be69daef9b112fd0d
GitHub Pull Request: https://github.com/django/django/pull/14294
Change History (3)
comment:1 by , 4 years ago
| Description: | modified (diff) |
|---|---|
| Owner: | changed from to |
| Status: | new → assigned |
comment:2 by , 4 years ago
| Resolution: | → wontfix |
|---|---|
| Status: | assigned → closed |
comment:3 by , 4 years ago
For reference here is the WebKit issue showing it as resolved. https://bugs.webkit.org/show_bug.cgi?id=198512
Using the fiddle from the Chromium issue linked: https://jsfiddle.net/cgalvist/emmcbwzn/15/
This is fixed in the macOS 11.3 beta, with Safari Version 14.1 (16611.1.21.161.3).
As such I'm not sure this is worth working around for us. Let's just wait for the fix to ship.