Group Field Color Picker z-index Problems about acf HOT 4 CLOSED

Hi @mrwweb

Thanks for the bug report.
Can you please attach a .json export of your field group for me to test?
I've just tried to replicate this issue but found the popup displayed over the top of other elements.

• i found this strange anyway because there is no z-index given to the color picker popup...

from acf.

I think a lack of z-index is exactly the problem! Putting even z-index: 1; on .acf-field-color-picker fixes the issue. That may not be the best solution, but it did fix what I was seeing.

Here's the JSON export saved as TXT (to let me upload it right here):

acf-export-2017-09-28.txt

Not there was some template logic on the field you'll have to remove to see it.

It's also worth noting that the sidebar issue in particular is only visible on narrower screens.

from acf.

Hi @mrwweb

Thanks for the .json - made it very easy to replicate the issue.
I've just fixed the problem by adding a z-index style to the 'active' color picker. Easy

from acf.

Great! Glad to get that fixed :)

from acf.