Color picker displays in background in bootstrap modal and when click on it, modal and colorpicker disappear

[JohnMerlino2]

The Color picker displays in background in bootstrap modal and when click on it, modal and colorpicker disappear. This is what it looks like: https://s30.postimg.org/xbe7bzqn5/colorpicker_issue.jpg

[itsjavi]

Sorry, I cannot help you without a working example : https://github.com/itsjavi/bootstrap-colorpicker/blob/master/CONTRIBUTING.md

[Tanex]

Just ran into the same issue. It's caused by the bootstrap class .dropdown-menu overriding the z-index specified in boostrap-colorpicker.css .colorpicker causing it to have a z-index of 1000 instead of 2500 so it ends up behind the modal. I don't have the time at the moment to create a fiddle but hopefully this helps a bit

[sguedon]

Same kind of issue in a modal. colopicker appears at the end of the modal when using container: true or end of body without

Once clicked:

html code

×

Object type to add to graph: Text type object Image type object Web URL type object

Text style: large medium small Text Color:

Text to display:

Image filename:

Cancel

Add