Input fields append + prepend with icon padding error

[tomitank]

https://eui.elastic.co/#/forms/form-controls#text-field

here is the append and prepend with icon (without actions) don't have padding.

[mgadewoll]

Hei @tomitank! I can't seem to reproduce this by opening the provided link.
Could you provide further details on when you encounter this? Did you select a specific EUI version in the docs? What browser/OS + versions are you on?

[tomitank]

Interesting, because of i had only on my work laptop.
Firefox: 115.0.2 (64 bites)

[mgadewoll]

Thanks for the additional info @tomitank, it's useful to provide your setup for us to easier pin point the issue your facing 🙂
I was now able to reproduce the mentioned issue in Firefox 115 on Windows.

Note

The issue stems from :has() selector not being supported in Firefox version 115 yet (see on caniuse) and the expected padding not being applied. It's supported from Firefox version 121 on.

Given that we support the latest 2 versions of browsers and the :has() selector feature is part of the web baseline since December 2023 we will not address this specifically for older browsers that don't support this feature.

[tomitank]

We use this version at a large company, which also uses Kibana.
Unfortunately, you can't say more.
Please consider to fix this for older browse as well.
Thank you in advance