search

PolymerElements / app-layout

App layout elements
https://webcomponents.org/element/PolymerElements/app-layout
597 stars 311 forks source link

`app-header` background-color greyed in Chromium #555

Closed jpapro closed 6 years ago

jpapro commented 6 years ago

Expected outcome

The background-color shouldn't be greyed: firefoxdisplay

Actual outcome

The background-color is greyed: chromiumdisplay

Steps to reproduce

  1. Put a app-header in the page. 
               <app-header app-header slot="header" fixed>
  2. Add a app-header attribute
  3. Define the style 
    [app-header] {
background-color: #158d4f;
}
  4. Open in both Chromium & Firefox

Example visible and running there: https://github.com/cluelessjoe/polymerPlayground/blob/master/src/playground-app/playground-app.html

Firefox 60.0 (64-bit) Chromium 66.0.3359.139 (Official Build) (64-bit)

I didn't find a proper fix/workaround.

keanulee commented 6 years ago

Besides the colors being a little faded in one, I don't see the difference. If there is it's probably browser related and not specific with our elements.