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

Issue 691455 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Not working on Chrome any more
Closed: Mar 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Feature

Blocking:
issue 545318



Sign in to add a comment

[Typed CSSOM] Can't set background-image to CSSKeywordValue('none')

Project Member Reported by rjwright@chromium.org, Feb 13 2017

Issue description

Can't set background-image or border-style to new CSSKeywordValue('none'). Attempting to do so throws TypeError("Invalid type for property"). It does work for transform, however.

'none' is a valid value for background-image (https://drafts.csswg.org/css-backgrounds-3/#background-image) and border-style (https://drafts.csswg.org/css-backgrounds-3/#the-border-style), so it should be possible. Setting it with the normal CSSOM works.
 
backgroundimagenon.html
500 bytes View Download
Cc: -meade@chromium.org rjwright@chromium.org
Owner: meade@chromium.org
Status: Assigned (was: Untriaged)

Comment 2 by nainar@chromium.org, Feb 14 2017

Labels: Update-Quarterly

Comment 3 by meade@chromium.org, Feb 14 2017

Status: Started (was: Assigned)
Project Member

Comment 4 by bugdroid1@chromium.org, Feb 24 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/b2cef4230a879b622aa29eea20154960bd402f7b

commit b2cef4230a879b622aa29eea20154960bd402f7b
Author: meade <meade@chromium.org>
Date: Fri Feb 24 00:38:51 2017

Output correct types from CSSKeywordValue for css-wide keywords

Also, for list-valued properties, pass the css-wide keyword's CSSValue into the inline style directly instead of wrapping it in a CSSValueList, as that is invalid too.

Previously, our tests didn't use an element that was in the document, and didn't force a style recalc, so this issue did not hit the DCHECK.

BUG= 691455 ,545318

Review-Url: https://codereview.chromium.org/2692043004
Cr-Commit-Position: refs/heads/master@{#452691}

[modify] https://crrev.com/b2cef4230a879b622aa29eea20154960bd402f7b/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/bottom.html
[modify] https://crrev.com/b2cef4230a879b622aa29eea20154960bd402f7b/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/property-suite.js
[modify] https://crrev.com/b2cef4230a879b622aa29eea20154960bd402f7b/third_party/WebKit/Source/core/css/cssom/CSSKeywordValue.cpp
[modify] https://crrev.com/b2cef4230a879b622aa29eea20154960bd402f7b/third_party/WebKit/Source/core/css/cssom/InlineStylePropertyMap.cpp

Project Member

Comment 5 by bugdroid1@chromium.org, Mar 1 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/ced73dcd242b3c859323a03a2291d08e3c3f584a

commit ced73dcd242b3c859323a03a2291d08e3c3f584a
Author: nainar <nainar@chromium.org>
Date: Wed Mar 01 09:04:03 2017

Make background-image and border-*-style accept CSSKeywordValue('none') as an acceptable value

This patch makes background-image and border-*-style accept
CSSKeywordValue('none') as an acceptable value by editing the
CSSProperties.json5 file.

It also adds the LayoutTest that tests this change.

BUG= 691455 

Review-Url: https://codereview.chromium.org/2714663002
Cr-Commit-Position: refs/heads/master@{#453889}

[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/background-image.html
[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/border-bottom-style.html
[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/border-left-style.html
[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/border-right-style.html
[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/border-top-style.html
[add] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/LayoutTests/typedcssom/inlinestyle/properties/config-templates.js
[modify] https://crrev.com/ced73dcd242b3c859323a03a2291d08e3c3f584a/third_party/WebKit/Source/core/css/CSSProperties.json5

Comment 6 by meade@chromium.org, Mar 8 2017

Cc: nainar@chromium.org
Status: Fixed (was: Started)

Sign in to add a comment