Not working in Safari on OSX

[sandor]

The picker is broken in Safari (Version 9.1.1 (11601.6.17) – on OSX (10.11.5 (15F34)). Working perfectly in Chrome...

Looking like in the bug-report for IE...

Tested the linked demo from this page.

[amritk]

Tested it as working on Safari Version 9.1.2 (11601.7.7) on OSX 10.11.6 (15G31)

[TheWizz]

I don't know if what I'm seeing matches the OP, but I see an error under Safari on the "swatches" page. Under Chrome, those appear as multiple rows. Under Safari, all the rows overlap each other, making only the last row visible. Looking at each row of swatches in the Safari debugger indicates they have 0 height, which explains the result. It may very well be a Safari bug, but annoying nevertheless.

It seems that if I change the flex style of the .layout-column>.flex-15 style applied to each row to flex: 0 0 auto;, this fixes the problem. A possibly similar problem here:

https://github.com/IonicaBizau/gridly/issues/6

-JM

[DenysGranevych]

Or you can set min-height manual(not good solution). .md-color-picker-palette div { min-height: 25.5px; }