choosing block visibility presets makes the visibility controls unusable

Hi @robruifrok,

I am having a hard time replicating on my end. Would you be able to see if the following code resolves the issue for you?

.block-visibility__react-select .react-select__control {
    max-width: 100%;
}

In theory, that should work and I prefer this solution rather than hardcoding a specific width. Let me know either way, thanks!

Best,
Nick

On my end it is not that difficult to show the effect of the language settings. I can switch from dutch to English in the wordpress general settings.

In English the field below ‘show the block if’ shows for example ‘All selected presets apply’ which fits easily in the selectbox.

In dutch this becomes ‘Alle geselecteerde voorinstellingen zijn van toepassing’ which is a lot longer and stretches the selectbox beyond the border of ‘block-visibility__controls-panel’.

Setting

.block-visibility__react-select .react-select__control {
    max-width: 100%;
}

does not work. I have to set it to a fixed value.

Thanks for the additional feedback @robruifrok. I am still not able to replicate on my end, see the screenshot below. Can you share the browser that you are using as well as the version of WordPress? That will help me diagnose further.

Thanks,
Nick

Ignore the previous comment. I was able to replicate the issue in Firefox and have implemented a fix. This will be included in the next version of Block Visibility, which I am aiming to release this week.

Best,
Nick

I am using Firefox. Tanks for the effort.