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

Issue 610829 link

Starred by 1 user
Status: WontFix
Owner:
ericwilligers@chromium.org
Closed: May 2016
Cc:
█ kavvaru@chromium.org
█ rnimmagadda@chromium.org
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 3
Type: Bug



Sign in to add a comment

Shadow DOM inherits white-space from its ancestor

Reported by jacob.s....@gmail.com, May 10 2016 
Chrome Version       : 48.0.2564.116 (Official Build) (64-bit)
URLs (if applicable) : http://jsbin.com/tigunu/edit?html,js,output
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: N/A
    Firefox: N/A
         IE: N/A

What steps will reproduce the problem?
(1) Create a shadow DOM instance that has text content with newlines.
(2) Apply white-space: {pre|pre-wrap|pre-line} to an ancestor of the shadow DOM instance.

What is the expected result?

The shadow DOM instance should not inherit the white-space property from its ancestor.


What happens instead?

The shadow DOM instance does inherit the white-space property from its ancestor.


Please provide any additional information below. Attach a screenshot if
possible.

The jsbin I linked to should provide a working example that demonstrates the problem.

Comment 1 by rnimmagadda@chromium.org, May 11 2016

Cc: rnimmagadda@chromium.org
Labels: Needs-Feedback
@jacob.s.harding: Could you please have a look at the attached screen-shot and let us know if this is the expected behavior. 

Else, provide us the screen-recording for the same.

Also, please update your Google Chrome to Latest Stable Version - 50.0.2661.94

Thank you.
Screen Shot 2016-05-11 at 10.18.48 AM.png
204 KB View Download

Comment 2 by jacob.s....@gmail.com, May 11 2016 

That screenshot is not the expected behavior. The screenshot attached to this comment is what I'd expect.
Screen Shot 2016-05-10 at 10.17.13 PM.png
296 KB View Download
Project Member

Comment 3 by sheriffbot@chromium.org, May 11 2016

Labels: -Needs-Feedback Needs-Review
Owner: rnimmagadda@chromium.org
Thank you for providing more feedback. Adding requester "rnimmagadda@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 4 by kavvaru@chromium.org, May 13 2016

Cc: kavvaru@chromium.org
Components: Blink
Labels: -Needs-Review Needs-Feedback OS-Linux OS-Mac OS-Windows
Owner: ----
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on windows 7, Linux Ubuntu 14.04 and Mac 10.11.4 using chrome version 50.0.2611.102 with the below steps

1.Go to URL http://jsbin.com/tigunu/edit?html,js,output
2.Observed the output in 3 lines

This is non regression issue as the issue is seen from M35 builds.Hence marking it as Untriaged to get more inputs from dev team.

Note::On windows and Mac canary 52.0.2735.0 getting empty output 
Thnaks,

Comment 5 by kavvaru@chromium.org, May 13 2016

Labels: -Needs-Feedback M-52

Comment 6 by dtapu...@chromium.org, May 16 2016

Components: -Blink Blink>CSS

Comment 7 by ericwilligers@chromium.org, May 17 2016

Owner: ericwilligers@chromium.org
Status: ExternalDependency (was: Untriaged)
Which part of the spec isn't being followed?

Is this specific to white-space?

Comment 8 by ericwilligers@chromium.org, May 17 2016

Status: WontFix (was: ExternalDependency)
Working as intended.

white-space is specified as an inherited property.
https://drafts.csswg.org/css-text-3/#propdef-white-space
"Inherited:	yes"

https://w3c.github.io/webcomponents/spec/shadow/index.html#flat-trees
"In resolving CSS inheritance, an element must inherit from the parent node in the flat tree, if applicable."
Also see discussion https://github.com/w3c/webcomponents/issues/314
►

Sign in to add a comment