Faulty click area with extended padding

[AdrianFahrbach]

The padding of the field is currently applied to the parent of the input element.
This means that with increased padding, only the inner part of the field (which is the actual input element) is clickable.

In the screenshot below I increased the padding slightly and only approximately the blue area is clickable:

[TotomInc]

I'll try to work on this one, but it requires a lot of changes in the structure of the DOM and potentially the styles too (including CSS variables).

It takes a bit of time to do it right, without introducing a lot of breaking changes 😅

[AdrianFahrbach]

I guess an easy solution could be negative margin width padding on the input?
Not quite sure, but maybe that works without major changes to the DOM.

[TotomInc]

I believe I've found a great workaround without shaking the entire DOM structure. It introduce a new CSS variable too.
If you have some time to test the PR locally, that would be awesome (clone repo w/ correct branch, npm i and run npm run dev:playground) 🙏

[AdrianFahrbach]

I will try to take a look at it on the weekend!
Thank you for adjusting this!

[TotomInc]

Released on v0.6.0