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

Generated styles different in Safari #2209

Closed
scisci opened this issue Apr 8, 2015 · 4 comments
Closed

Generated styles different in Safari #2209

scisci opened this issue Apr 8, 2015 · 4 comments
Assignees
@rschmukler
Milestone
0.9.0

Comments

@scisci
Copy link

scisci commented Apr 8, 2015

There is a discrepancy with the auto-generated styles in chrome and safari on OSX. I have html similar to this:

<body class="md-default-theme">
  <md-toolbar class="md-hue-1">...</md-toolbar>
  ...
</body>

In chrome, ngmaterial generates a rule as follows:

md-toolbar.md-default-theme.md-hue-1 {
  background-color: rgb(255,255,255);
  color: rgba(0,0,0,0.87);
}

which is correct, however, in safari, it generates an empty rule as follows:
md-toolbar.md-hue-1.md-default-theme {}

I'm not sure why safari rule order is different or if that relates to the definition being empty. This results in a huge inconsistency that I had to patch by adding explicit color rules to the css.

Here is a plunkr that demonstrates the issue (notice in safari the toolbar background is black, but in chrome it is white):
http://embed.plnkr.co/OlIhHapqoBEg27dmuPJG/preview
@ThomasBurleson ThomasBurleson added this to the 0.9.0 milestone Apr 8, 2015
@ThomasBurleson
Copy link
Contributor

@robertmesserle - I worry that this is a generator issue that we need to fix before 0.10.

@robertmesserle
Copy link
Contributor

@rschmukler This would be a theming issue, wouldn't it? Any ideas?

@marcysutton
Copy link
Contributor

Sounds related to #2011.

@ThomasBurleson
Copy link
Contributor

@rschmukler - let's talk offline about 1ebc42e.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@rschmukler rschmukler

Labels
None yet
Projects
None yet
Milestone
0.9.0
Development

No branches or pull requests
5 participants
@ThomasBurleson @robertmesserle @rschmukler @marcysutton @scisci