IconField: Doesn't work with InputNumber

[slavco86]

Describe the bug

IconField does not work when used together with InputNumber due to how InputNumber is structured, wrapping the input

Reproducer

https://stackblitz.com/edit/zwobe8?file=src%2FApp.vue

PrimeVue version

3.51.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

Go to repro link and observer the difference in rendering between using NumberInput and TextInput

Expected behavior

Should support using IcondField with NumberInput the same way as it does for TextInput

[Lerwox]

+1

[WatCodeDatCode]

I added a potential fix that the core team can better evaluate, but as you pointed out the markup causes the issue given the theme adding the extra padding only when the input field is a direct ancestor. If not done so already, you should be able to override with a similar CSS rule locally.

[james-onpoint]

+1, really want this!