New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 594254 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Last visit > 30 days ago
Closed: Nov 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

An invalid var "falls back" to the next-most-specific property

Project Member Reported by tabatkins@chromium.org, Mar 11 2016

Issue description

Version 48.0.2564.82 beta (64-bit)
OS: Gubuntu Trusty

What steps will reproduce the problem?
(1) Look at the webpage sample below.

Expected: First block has green background, second has white. No red shows on page.
Actual: Second block has a red background.

<!DOCTYPE html>
<p class="base valid">valid var</p>
<p class="base invalid">invalid var</p>
<style>
.base {
 width: 50px;
 height: 50px;
 background: red;
 border: thick dotted black;
}
.valid {
 --foo: green;
 background: var(--foo);
}
.invalid {
 --foo: lolwut;
 background: var(--foo);
}
</style>
 

Comment 1 by shans@chromium.org, Nov 3 2016

Status: WontFix (was: Assigned)
Couldn't reproduce.

Comment 2 by shans@chromium.org, Nov 3 2016

Components: Blink>CSS

Sign in to add a comment