WIP: Filter - Select (Enhanced select): Padding control only applies top value

Bugs
1

When “Enhanced select” is enabled on a Filter - Select element, the Style section
shows its own styling controls (since the regular Style tab doesn’t apply to the
Choices.js wrapper). In that section, the “Padding” control only applies the top
value. The other sides are ignored.

Steps to reproduce

  1. Add a Filter - Select element to a page.
  2. Enable “Enhanced select”.
  3. In the Enhanced select Style section, set Padding to 20px.
  4. Check the result in the builder and on the frontend.

Expected behavior
Padding of 20px applied to all four sides.

Actual behavior
Only the top padding is applied.

What I tried

  • Shorthand with four values: 20px 20px 20px 20px
  • Shorthand with two values: 20px 15px
    Same result in both cases: only the first value is applied, as top padding.
3

Hi @Mauricio_Alejandro

Thank you very much. I can replicate the issue and have recorded it in the bug tracker.
We will update this thread once the issue is resolved.