Using FloatLabel within InputGroup and Using Password within IconField occur CSS Style error. #7047
Labels
Status: Pending Review
Issue or pull request is being reviewed by Core Team
Milestone
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
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.
The text was updated successfully, but these errors were encountered: