Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

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

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

lauritowal opened this issue Nov 1, 2017 · 0 comments

Comments

@lauritowal
Copy link

lauritowal commented Nov 1, 2017 •
edited
Loading

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 subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@lauritowal