paper-styles icon indicating copy to clipboard operation
paper-styles copied to clipboard

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

Open lauritowal opened this issue 8 years ago • 0 comments

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
  • [x] Firefox
  • [ ] Edge
  • [ ] Safari 9
  • [ ] Safari 8
  • [ ] IE 11

Versions

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

errorpaperstylefirefox

lauritowal avatar Nov 01 '17 17:11 lauritowal