Color Picker's hex-input-field not working on a modal dialogs

[larsvoigt]

I'm using Color Picker as JQuery-Plugin. Everything works fine, but the color_hex_field isn't working properly. I have already set z-index property. Any ideas?

[mrgrain]

@larsvoigt Which kind of "modal dialog" are you using? Bootstrap? Some other jQuery Plugin? Can you provide an example?

In general the colpick is added to the document body. As many modal dialogs working the same way, this might just be an issue with the z-index or other css.

[melaniemacaisne]

Hello, I've also try to use Colpick plugin in a Jquery dialog, but I've encountered a problem about inputs. I can't focus on them. I've une .colpick{z-index:999;} to display the colorpick on dialog, but it had any impact on inputs. Any solution ? Thank you.

[mrgrain]

@melaniemacaisne I'm happy to look into this, if you can provide me with some code to reproduce the problem.

[pzheng64]

Hello,

I also have the same issue. I have added Color picker into the Twitter Bootstrap 3 modal and editing full Hex field is not working.

It's working fine in normal page which is not dialog.

Thanks.

[fanzia]

I also have the same issue. I have added Color picker into the Twitter Bootstrap 3 modal and editing each field is not working.

Thanks