Set a high z-index on colorpicker so it appears above Vertical tabs and modals

I'm using colorbox and need to set it higher to get it to work. Tried 20000 and it displays above the colorbox but the fields eg hex aren't editable. Any ideas?

I need steps to reproduce this, to be able to tell if the patch works or not.

The issue is still present. If you want to see an example, you can install Rubik administrative theme and add any fieldset below the colorpicker field.

Here's the screenshot: http://i.imgur.com/HBqULnf.png

Let me know if you need any more info from me.

add any fieldset below the colorpicker field.

How do I do this?

No response for a month, so I'm closing this thread. If someone wants to re-open with steps on how to reproduce the issue, I'll take a look at it.

Vertical tabs has a default z-index of 10 so for example if the jquery colorpicker field is the last field in the form ie; right above where additional settings vertical tabs would be, clicking the colorpicker field will display the color popup behind the vertical tabs thus making it non-functional. Setting .colorpicker to higher z-index value would resolve the issue.

Also... not sure what z-index panels modals would be set as by default or if the original issue is that relevant still but setting a high z-index like 1000 might be just fine.

Still need steps to reproduce.

@Jaypan,

Just add a jquery colorfied in the manage fields form for a content type. Create a node of that content type. Click on the colorfield, assuming vertical tabs is enabled on your form (which by default it is in a node form), the colorpicker popup will be displayed behind the vertical tabs. If you have multiple fields in your content type, make sure colorpicker field is the last one so it renders right above the vertical tabs section.

I'm not seeing it:

Still need directions to reproduce.

@jaypan, the field itself is not the issue. Its when you click it to generate the popup. The popup is what is behind the vertical tabs. I didn't test this with the admin theme but i would assume the effect is the same. If you're not seeing that still.... I guess we'll just have to let it go as i can override it in my own styles. I'm using firefox browser just fyi.

Marking as outdated, as version 8.x-2.x is a major re-write, and should have dealt with any issues like this. Please re-open if the issue still stands after upgrade.