#32671: CSS var() causes relative URLs to break in Safari
-------------------------------+---------------------------------------
     Reporter:  Perry Roper    |                    Owner:  Perry Roper
         Type:  Uncategorized  |                   Status:  assigned
    Component:  contrib.admin  |                  Version:  3.2
     Severity:  Normal         |               Resolution:
     Keywords:                 |             Triage Stage:  Unreviewed
    Has patch:  1              |      Needs documentation:  0
  Needs tests:  0              |  Patch needs improvement:  0
Easy pickings:  0              |                    UI/UX:  1
-------------------------------+---------------------------------------
Changes (by Perry Roper):

 * owner:  nobody => Perry Roper
 * status:  new => assigned


Old 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**
>
> [[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

New 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**

 [[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

--

-- 
Ticket URL: <https://code.djangoproject.com/ticket/32671#comment:1>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

-- 
You received this message because you are subscribed to the Google Groups 
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/django-updates/063.fde9f9d3b404c8684efe2eb134d0b615%40djangoproject.com.

Reply via email to