bug: the number-type input spinner “breaks” when the input class is used in the label

[oscar370]

Reproduction URL (Required)

https://play.tailwindcss.com/KAIKPJq5T0

What version of daisyUI are you using?

5.6.3

Which browsers are you seeing the problem on?

Chrome

Describe your issue

When I do the following:

<label class="input">
  <span class="label">Label</span>
  <input type="number" />
</label>

The spinner for <input> appears cut off. It isn't fully visible. By adding padding on the right, I can push it far enough to make it visible.

I tried adding classes like overflow-visible, but the computed value for <input> is still clip. Although I'm not sure if clip is the problem.

This only happens to me in Chromium-based browsers (Brave, Chromium, and Ungoogled).

[github-actions]

Thank you @oscar370 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[pdanpdan]

1. daisyUI v5.5.x: https://play.tailwindcss.com/nNmbzPWZN0
2. daisyUI v5.6.x current: https://play.tailwindcss.com/BEacmyz4WE
3. daisyUI v5.6.x mod with aligned calendar and visible but not aligned spinner: https://play.tailwindcss.com/CAynwhM9qb
4. daisyUI v5.6.x mod with all aligned but spinner must be more inside: https://play.tailwindcss.com/4n034DW7Y3

I would normally go with 4 (makes all more consistent) but the minimum required width for a number field is bigger than the one required for 3 so probably better 3.

Also