id	summary	reporter	owner	description	type	status	component	version	severity	resolution	keywords	cc	stage	has_patch	needs_docs	needs_tests	needs_better_patch	easy	ui_ux
32671	CSS var() causes relative URLs to break in Safari	Perry Roper	Perry Roper	"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**

[[Image(https://i.imgur.com/r6rQuO6.png)]]

**Actual Output**

[[Image(https://i.imgur.com/eVqLZbP.png)]]
[[Image(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

GitHub Pull Request: https://github.com/django/django/pull/14294"	Uncategorized	closed	contrib.admin	3.2	Normal	wontfix			Unreviewed	1	0	0	0	0	1