Using FloatLabel within InputGroup and Using Password within IconField occur CSS Style error.

[Asteroid77]

Describe the bug

Using Password within FloatLabel does not display the icon correctly, which is caused by the z-index setting.
Using FloatLabel within InputGroup also fails to display the icon correctly, and the FloatLabel cannot override the border; these issues are also related to the z-index setting."

Here are some examples and my temporary solution..
https://stackblitz.com/edit/kyzeczop-cqcf8haw?file=src%2FApp.vue

:)

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

I’m not sure if my approach is appropriate; it might just be a superficial fix, but it’s very likely to cause other bugs.

Reproducer

https://stackblitz.com/edit/kyzeczop-cqcf8haw?file=src%2FApp.vue

Environment

Windows 10.0.22631 22631

Vue version

3.5.13

PrimeVue version

4.2.5

Node version

18.20.3

Browser(s)

Chrome/131.0.0.0

Steps to reproduce the behavior

see description.

Expected behavior

show the icon and FloatLabel can override upon its border.

[cagataycivici]

I don't think InputGroup and IconField is a valid combo, they both do the same more or less with icons and content, and you have inputgroup without addons anyway.