Custom Fields
Re-Envisioned
Support General Color Picker Alpha channel slider duplicate

This topic contains 3 replies, has 2 voices, and was last updated by  Dragan 3 months, 3 weeks ago.

  • Creator
    Topic
  • #15137

    Dragan
    Participant

    Firstly, thanks for resolving the two of my issues from January.

    And, the issue now:

    The ‘color’ field displays a duplicate ‘alpha’ channel slider. It is unneeded and completely out of the color picker’s layout. Please see the image:

    https://prnt.sc/o7ckjl

    I have updated my MetaBox plugin and all extensions to the latest (done today – Jun 27th 2019) and the issue is still there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #15141

    Anh Tran
    Keymaster

    Hi Dragan,

    I’ve just tested and couldn’t see the problem. Here is my screenshot:

    View post on imgur.com

    Did you see any error in the console?

    #15419

    Dragan
    Participant

    Hi Anh,

    No errors in console.

    That’s weird, mine only has the color field and the duplicated alpha slider. It doesn’t even have the color code and ‘Clear’ fields.

    Could you give me the code for that particular field from your image? I’d like to paste it in and test it.

    Thanks.

    #15423

    Dragan
    Participant

    Another bug (mentioned in my reply above) is that the ‘Color code’ and ‘Clear’ fields are hidden.

    See the generated code:

    Color code and clear fields hidden

    As you can see, the ‘Color code’ input (rwmb-color) has data-options ‘hide’ option set to true which I guess adds the “display: none;” line in its “style” attribute. And the button input has the ‘hidden’ class which, by WordPress core ui CSS also produces display: none;

    If another plugin is using Iris, it would be best that your code anticipates possible conflicts and makes sure that your Iris elements, that are meant to be visible, stay visible.

    Thanks

    P.S. I solved my issue with some !important CSS that forces those fields to display: inline-block; but it would be best if your code does it by default. Here’s the code if anyone else needs it:

    /* Metabox COLOR PICKER 'color code' and 'Clear' inputs FIX */
    .rwmb-field.rwmb-color-wrapper .rwmb-input .wp-picker-container.wp-picker-active span.wp-picker-input-wrap input[type=text].wp-color-picker,
    .rwmb-field.rwmb-color-wrapper .rwmb-input .wp-picker-container.wp-picker-active span.wp-picker-input-wrap input[type=button].wp-picker-clear {
        display: inline-block !important;
    }
Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.