Unexpected behavior for “None” margin setting on prefix and suffix

  • Resolved Sarah Lewis

    (@bookchiq)


    5 months ago

    I’m inserting an ACF field and have added a prefix and suffix to it. The default settings create a gap between the prefix, the field, and the suffix. Using the block’s style settings, I have set the prefix and suffix margins to “None” to eliminate the gap. However, it looks like the --mfb--gap variable isn’t defined in that case, and it uses the.5em fallback.

    Here are some screenshots that will hopefully clarify what I’m referring to.

    Margins set to “None”
    CSS with “None” margins
    Margins set to “1”
    CSS with “1” margins
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Phi Phan

    (@mr2p)

    5 months ago

    Hi Sarah @bookchiq,

    Thanks for reporting this. Could you share a bit more about your setup like your WordPress version, theme, and whether you have the Gutenberg plugin active? I’m not seeing that new spacing control UI in the latest Gutenberg plugin on my end.

    In the meantime, if you want to remove the margin, you can click the icon on the right side of the margin control and set it to 0. I think that should work. I’ll look into this new “None” setting and add support for it soon.

    Thanks, Phi.

    Thread Starter Sarah Lewis

    (@bookchiq)

    5 months ago

    Hi, Phi @mr2p,

    I can confirm that using the pixel option instead of the dropdown UI does work. I’m not sure where the UI is coming from, honestly. I don’t think I’m using anything obviously related, but I’m also not experienced enough with Gutenberg to know what’s normal.

    To check, I spun up a vanilla WP 6.8.3 instance and installed just Meta Field Block. The interface looks slightly different from the screenshots I posted earlier, but functions the same:

    UI on the minimal install

    The effect in that case is identical with the --mfb--gap is not defined situation. But again, setting it to 0px is a viable workaround.

    I hope this is helpful!

    Plugin Author Phi Phan

    (@mr2p)

    5 months ago

    Hi Sarah @bookchiq,

    Thanks for the update! With the core UI for spacing presets, “None” is the default slider position, but it doesn’t mean the value is zero. If you don’t move the slider, the value remains undefined, and the block will use the default value of 0.5em. If you want to set it to zero, you can either drag the slider to any value and then back to “None,” or you can edit the value directly.

    Thanks again for your time on this,
    Phi

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.