googlearchive / core-pages

Simple content switcher
7 stars 6 forks source link

CSS rules no longer apply when overriding `target` and `itemsSelector` #4

Open ebidel opened 10 years ago

ebidel commented 10 years ago

Ran into an issue where I wanted to override the inherited target and itemsSelector properties from core-selector:

<core-pages target="{{$.wrapper}}" itemsSelector="marked-element">
  <div id="wrapper">
    <template id="repeater" repeat="{{s,i in steps}}">
      <core-ajax auto url="step-{i}}.md" response="{{s.response}}"></core-ajax>
      <marked-element text="{{s.response}}"></marked-element>
    </template>
  </div>
</core-pages>

This unfortunately means the ::content > * descendent rules in https://github.com/Polymer/core-pages/blob/master/core-pages.css#L16 no longer apply.

The user can define/replicate these styles themselves, but it would be nice to support this out of the box.