Doesn't work in modal dialogs

[cs83]

When trying to use in modal dialogs, it doesn't work. Setting z-index to 9999 on .colpic does seem to show something, but it's unusable. Also, while scrolling the modal dialog, the colour picker doesn't scroll with it.

[josedvq]

I tried to reproduce an iframe error report which is probably related with no luck. It worked okay. Can you please give me more details. Can I see the modal dialogs you are using? Are you using the flat: true option or the normal dropdown picker?

[HungryBus]

If you're using Twitter Bootstrap 3, then the modal box content has the z-index of 1050 or something (can not remember now).
The solution I've found for me was adding in the 'colpick.css' the following property to the class '.colpick', so it looked like:
.colpick {
// Some default properties in here;
z-index: 9999;
}

Worked perfectly for me, but no solution right now for the scrolling bug.
For the developers: you could add this property to the default CSS - it won't be odd, I guess

[jeanie77]

I'm also experiencing some strangeness with Color Picker on a Boostrap modal window.
I'm using color picker with a Knockout.js binding handler, initializing the picker to 'hex' layout and no submit button.
Picker opens up correctly, but when I write something into 'hex_field' input box (or I CTRL-V some text), it looks like the field hasn't focus and it doesn't receive any typed character.
After the first click, again, the border around the input box remains highlighted, since 'blur' event doesn't get triggered anymore.
I've tried setting z-index on several CSS classes, but nothing changes... :(

[sibinx7]

Goto the stylesheet of colorpick and add z-index property. It will help.

[rachelfish]

I have the same issue and adding z-index property does not help... what can I do?

[josedvq]

Working on reproducing the error.

[idezigns]

This is due to the absolute positioning of the div wrapper, I fixed this by setting the appendTo to the div class wrapping the input or button. Then I changed line 261 var top to 0. Crude but it works for now.