PitPik/tinyColorPicker

Sliders visible over colour palette in jquerymobile

sticilface opened this issue · 4 comments

The slider pusher things are visible over the palette.

This occurs in both safari, and chrome.
screenshot 2015-12-14 18 38 32
screenshot 2015-12-14 18 38 20

Hi @sticilface ,
first, I see that you're using an old version of tinyColorPicker (#NANNAN0A) ;o)... but
this is probably because you use jQuery mobile,... and they do some nasty stuff with z-index.
Just inspect the 'slider button' and see what z-index they set on it,... use the inline possibility of tinyColorPicker to add some css and put it over the sliders:

renderCallback: function($elm, toggled) {
    // you know this one already
},
cssAddon: '.cp-color-picker{z-index:16777271}'
// or 2147483647 is the highest in modern browsers

BTW: would you mind clicking on the ★ if you like tinyColorPicker ;o)
Thanks

Oh.. i only downloaded it from github yesterday! will update.

That worked great. Many thanks :)

consider yourself starred!