[ShadyCSS] error scoping distributed content

[valdrinkoshi]

<outer-element> has a shadowRoot that looks like this (notice it wraps the slot with a div, "for reasons"):

<inner-element>
  <div>
    <slot></slot>
  </div>
</inner-element>

and <inner-element> has a shadowRoot with a <slot> in it.

With ShadyCSS enabled, content distributed into <outer-element> is wrongly scoped to it, nullifying styles set from the scope above, e.g. http://jsbin.com/mipoci/1/edit?html,output

<custom-style>
  <style>
    .bg-color { background: orange; }
  </style>
</custom-style>

<outer-element>
  <div class="bg-color">am I orange?</div>
</outer-element>

results in the div having the classes bg-color style-scope outer-element instead of just bg-color

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically closed after being marked stale. If you're still facing this problem with the above solution, please comment and we'll reopen!