Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

paper-material class styles are not applied to element in main document in Firefox #149

Open
1 of 6 tasks
lauritowal opened this issue Nov 1, 2017 · 0 comments
Open
1 of 6 tasks

Comments

@lauritowal
Copy link

lauritowal commented Nov 1, 2017

Description

The paper-material class outside a polymer element does not apply the styles.

...
<body>
  
  <div class="paper-material" elevation="1">
      paper-material style class is NOT working in Firefox for this element
  </div>
...

Live Demo

I've created a jsbin showing the problem:
http://jsbin.com/fawequjide/edit?html,console,output

Steps to Reproduce

  1. Import /paper-styles/paper-styles.html
  2. Add paper-material and the attribute elevation="1" to an element in the main document
  3. Open your Firefox browser and check for the bug

Expected Results

paper-material styles and shadows should apply to an element in the main document

Actual Results

The styles are not applying to an element in the main document
errorpaperstylefirefox

Browsers Affected

  • Chrome
  • Firefox
  • Edge
  • Safari 9
  • Safari 8
  • IE 11

Versions

  • Polymer: v2.2.0
  • webcomponents: v1.0.17

errorpaperstylefirefox

@lauritowal lauritowal changed the title paper-material styles not working in main document in Firefox paper-material class styles are not applied to element in main document in Firefox Nov 1, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant