Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Styling conflict with Shadowdom polyfill and a nested paper-dialog #25

Closed
pehiv opened this issue Sep 23, 2014 · 0 comments
Closed

Styling conflict with Shadowdom polyfill and a nested paper-dialog #25

pehiv opened this issue Sep 23, 2014 · 0 comments
Labels

Comments

@pehiv
Copy link

pehiv commented Sep 23, 2014

core-drawer-panel.css has a #main {position:absolute;...} rule. When using a shadowdom polyfill, this rule falls through to the paper-dialog #main node. This causes conflicting rules. This also applies to any contents which contain a #main id. I was able to work around this by applying a /deep/ rule to my paper-dialog which forces the position to fixed. The proper fix would be to make the core-drawer-panel #main rule more specific.

Ex:
core-drawer-panel.css

#main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

would become

core-selector > #main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

2 participants