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

Custom Icon display issue in password field #17499

Open
1 of 4 tasks
pranesh2104 opened this issue Jan 25, 2025 · 0 comments
Open
1 of 4 tasks

Custom Icon display issue in password field #17499

pranesh2104 opened this issue Jan 25, 2025 · 0 comments
Assignees
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@pranesh2104
Copy link

pranesh2104 commented Jan 25, 2025

Describe the bug

When i use the password with custom icon using and and the icon isn't not displaying, i find that when i give z-index:1 in , the icon displaying. And as well as the Placeholder in password field it's overlapping in the icon.

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

No response

Reproducer

https://stackblitz.com/edit/github-fqebz6ga-tnlrs7ny?file=src%2Fapp%2Fapp.component.html

Environment

DEV environment

Angular version

19.0.5

PrimeNG version

v19

Node version

No response

Browser(s)

Brave

Steps to reproduce the behavior

  1. Click the reproduce link
  2. you can just the run the Code.
  3. you can see the icon because i gave "z-index" in "", if you remove the z-index and check you won't see the icon.
  4. And you can see the place-holder overlapping in the icon.

Expected behavior

  1. Without the "z-index" the icon should able to see in UI.
  2. Placeholder in right alignment.
@pranesh2104 pranesh2104 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 25, 2025
@cagataycivici cagataycivici self-assigned this Jan 25, 2025
@cagataycivici cagataycivici added this to the 19.0.6 milestone Jan 25, 2025
@github-project-automation github-project-automation bot moved this to Review in PrimeNG Jan 25, 2025
@cagataycivici cagataycivici added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Jan 25, 2025
@mertsincan mertsincan moved this from Review to Theme in PrimeNG Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Theme
Development

No branches or pull requests

2 participants