search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.26k stars 1.21k forks source link

IconField: Doesn't work with InputNumber #6015

Open slavco86 opened 3 months ago

slavco86 commented 3 months ago

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 commented 2 weeks ago

+1

WatCodeDatCode commented 2 weeks ago

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 commented 8 hours ago

+1, really want this!