Color Picker display issues (Background & Color Picker

austindw
Home / MB Frontend Submission / Color Picker display issues (Background & Color Picker

Custom Fields
Re-Envisioned › Support › MB Frontend Submission › Color Picker display issues (Background & Color Picker

  • Creator
    Topic
  • February 16, 2019 at 6:20 PM #13371
    Resolved austindw
    Participant

    I am able to successfully add a color picker and a background field to the metabox, but when I visit the page where the fields appear and attempt to select a color, I run into issues.

    The Color Picker shows me a place to enter a field select a color, but it shows me the clear box/button but not the actual color panel to pick the color.

    The Color Picker after clicking the select color button.

    The Background give same the color panel, but it is cut off – I suspect maybe a z-index issue?

    The Background color field after clicking the select color button.

  • Creator
    Topic
Viewing 5 replies - 1 through 5 (of 5 total)
  • Author
    Replies
  • April 2, 2019 at 3:10 AM #14014
    Teia Local Studio
    Participant

    [EDIT]
    Sorry!!!
    My issue happens inside ADMIN, and not in the frontend submission plugin.
    Anyway, the problem seems related…
    [/EDIT]

    Hey there!
    Same problem here!

    I have a MB SETTINGS PANEL with tabs, inside the tabs I have columns, and inside the columns some color configuration metaboxes.

    When I try to open one of them, I have a problem of overflow hidden and z-index.

    Color Picker Z-Index problem

    If I modify the CSS of the color picker from ABSOLUTE to RELATIVE, it works (adding a traditional effect of folding open/close to the box).

    I have tried the color metabox WITHOUT placing in columns, and works fine.
    If I put 2 of them side by side, the problem returns.

    Any ideas?

    April 2, 2019 at 12:01 PM #14022
    Anh Tran
    Keymaster

    Thanks a lot for your feedback. This is an issue with overflow set in the Columns and Tabs extension. I’m fixing them and will release new versions soon.

    April 2, 2019 at 5:43 PM #14030
    Teia Local Studio
    Participant

    Dear Ahn!
    Thanks for your reply.

    I found out it happens also using only COLUMNS, not necessarily COLUMNS inside TABS.

    Regards!
    G.

    April 2, 2019 at 7:36 PM #14031
    Anh Tran
    Keymaster

    Hi,

    I’ve updated the Columns and Tabs extensions with a fix for that. Can you please update and let me know if that works.

    April 2, 2019 at 8:17 PM #14033
    Teia Local Studio
    Participant

    Yes!
    Problem solved!

    It works perfectly now — both in COLUMNS and COLUMNS inside TABS (MB Settings Pane)!
    Thanks, Ahn!

    G.

  • Author
    Replies
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.