Effects not working in safari about ember-paper HOT 18 CLOSED

I think @BryanHunt is using Safari. On the latest safari I am checking the effects are not working on buttons and same for switches, checkboxes and radio buttons are broken.

from ember-paper.

Ember-paper or angular material or both?

from ember-paper.

I am noticing just for ember-paper demo the issues. Angular material works fine on safari

from ember-paper.

Ok, thanks.

Don't have my mac around right now. Will try to have a look when i do.

from ember-paper.

Yep, I'm on a Mac using Safari :) Yep, effects seem to be broken. I see the effects on the Angular button but not the paper button. IMHO, the wave effect on the materialize site is better than the Angular one.

from ember-paper.

Ok, thanks. Don't know what may be happening. 😕
Side note: the discussion should be which effect is closer to specs (I don't know that answer).

from ember-paper.

Just to close out the side note. The Angular version seems to match the spec. I'm all for going with the spec.

from ember-paper.

Not just the effects but most of the things seem broken in Safari:

from ember-paper.

I think the problem is more fundamental than effects. It looks like the CSS is very broken in general on Safari - there are no headers on the sample application at all. Looks great under Chrome.

from ember-paper.

I could use some help in finding this bug. What kind of headers are missing?

from ember-paper.

Here is a screenshot of what I get when I open http://miguelcobain.github.io/ember-paper/

from ember-paper.

And here is the computed style for md-nav-container as an example.

from ember-paper.

@BryanHunt @miguelcobain looks like the root problem is Safari not understanding display: flex. By adding display: -webkit-flex, things start looking better. Looks like we need to just add in the -webkit prefix for flexbox layouts in order for this to work in Safari.

I think pulling in Autoprefixer and running that against our CSS would solve the issue nicely.

from ember-paper.

What about this https://github.com/kimroen/ember-cli-autoprefixer ?
Our sass compilation is currently a "workaround", so it may not make sense to use this addon.

from ember-paper.

I'd have to read up on how to inject properties into EmberApp. I've never used an addon within an addon before 😛

For this pass I just wanted to follow the patten you were already using in postinstall.sh.

from ember-paper.

Let's stick with this for now.
I'm hoping to have a better sass build approach when this is solved: ember-cli/ember-cli#2905

from ember-paper.

Sounds like a plan.

from ember-paper.

AwesomeSauce!!

from ember-paper.