Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
4 tasks
Asteroid77 opened this issue Jan 6, 2025 · 0 comments
Assignees
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Milestone

Comments

@Asteroid77
Copy link

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.

@Asteroid77 Asteroid77 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 6, 2025
@mertsincan mertsincan added this to the 4.3.0 milestone Jan 6, 2025
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Jan 6, 2025
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 6, 2025
@cagataycivici cagataycivici self-assigned this Jan 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Projects
Status: Review
Development

No branches or pull requests

3 participants