[Bug 23636] New: [Shadow]: selectors in style elements in shadowRoots should match in sibling shadowRoots

https://www.w3.org/Bugs/Public/show_bug.cgi?id=23636

            Bug ID: 23636
           Summary: [Shadow]: selectors in style elements in shadowRoots
                    should match in sibling shadowRoots
           Product: WebAppsWG
           Version: unspecified
          Hardware: PC
                OS: All
            Status: NEW
          Severity: normal
          Priority: P2
         Component: Component Model
          Assignee: dglazkov@chromium.org
          Reporter: sorvell@chromium.org
        QA Contact: public-webapps-bugzilla@w3.org
            Blocks: 14978

Given an element with a stack of shadowRoot's, it's common to want to write
styles in one shadowRoot that apply to sibling shadowRoots. Typically, if one
creates an additional shadowRoot on an element and decides to include the older
root via <shadow>, one wants to control how this older root is styled.
Likewise, it's common to want to inherit styling from an older shadowRoot in a
younger one.

When styles are scoped to a specific shadowRoot, this is not possible. With the
addition of the ^ combinator this becomes possible but requires a more
complicated, cumbersome syntax for the common case (see
https://www.w3.org/Bugs/Public/show_bug.cgi?id=23467). Instead, this should be
the default behavior. Here's an example:

<host>
  [SR1]
    <style> 
      .foo { background: red; }
    </style>
    <div class="foo"></div>
  [SR2]
    <style> 
      .foo { color: green; }
    </style>
    <div class="foo"></div>

Both [SR1] .foo and [SR2] .foo should have green text with a red background.

-- 
You are receiving this mail because:
You are the QA Contact for the bug.

Received on Friday, 25 October 2013 21:27:04 UTC