New issue
Advanced search Search tips

Issue 660664 link

Starred by 1 user
Status: Duplicate
Merged: issue 618165
Owner: ----
Closed: Oct 2016
Cc:
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

url() in CSS variable sometimes doesn't work

Reported by quanxunz...@gmail.com, Oct 29 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:49.0) Gecko/20100101 Firefox/49.0

Steps to reproduce the problem:
Extract the zip file and open the html file

What is the expected behavior?
The page should be green.

What went wrong?
The page is red. The green image is not displayed as expected.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 56.0.2904.0 (正式版本) canary （64 位）  Channel: n/a
OS Version: OS X 10.10
Flash Version: Shockwave Flash 23.0 r0
testcase.zip
566 bytes Download

Comment 1 by quanxunz...@gmail.com, Oct 29 2016 

I guess the issue is that, relative url in url() doesn't work with variable.

Comment 2 by quanxunz...@gmail.com, Oct 29 2016 

FWIW, Firefox 49 has a different bug which leads to showing red in the first load, but refreshing the page would bring the correct rendering. That bug seems to have been fixed in later versions. Safari seems to work well with this testcase.

Comment 3 by quanxunz...@gmail.com, Oct 30 2016 

It looks like Blink just cannot handle url() with relative url in property with variable. So if you have something like
> background: url(xxx.png) var(--theme-color);
the image would not be displayed either.

Comment 4 by samli@chromium.org, Oct 30 2016

Labels: Needs-Bisect
Status: Untriaged (was: Unconfirmed)

Comment 5 by timloh@chromium.org, Oct 31 2016

Mergedinto: 618165
Status: Duplicate (was: Untriaged)
►

Sign in to add a comment