Opened 3 years ago

Last modified 3 years ago

#32671 closed Uncategorized

CSS var() causes relative URLs to break in Safari — at Initial Version

Reported by: Perry Roper Owned by: nobody
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

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

https://i.imgur.com/r6rQuO6.png

Actual Output

https://i.imgur.com/eVqLZbP.png
https://i.imgur.com/Tj3f0O4.png

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

Change History (0)

Note: See TracTickets for help on using tickets.
Back to Top