primefaces
IconField: Doesn't work with InputNumber
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
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.
