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

p-inputgroup: input group UI issues when used with p-inputMask and p-password #17089

Open
imaksp opened this issue Dec 17, 2024 · 0 comments
Open
Assignees
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Milestone

Comments

@imaksp
Copy link

imaksp commented Dec 17, 2024

Describe the bug

  • inputgroup with addon doesn't render correctly with p-inputMask and p-password.
  • fluid prop doesn't work as expected with p-password & its missing from p-inputMask

See following image or reproducer for details:

inputgroup-issue-2

Environment

NA

Reproducer

https://stackblitz.com/edit/stackblitz-starters-nmnnaqqs?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

Angular version

19.x

PrimeNG version

19.0.0-rc1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.x

Browser(s)

All

Steps to reproduce the behavior

check stackblitz

Expected behavior

It should render correctly with p-inputgroup & p-inputgroup-addon like inputtext, fluid should use full container width. & fluid prop should be present for p-inputMask.

@imaksp imaksp added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 17, 2024
@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 Dec 17, 2024
@mertsincan mertsincan added this to the 18.0.1 milestone Dec 17, 2024
@github-project-automation github-project-automation bot moved this to Review in PrimeNG Dec 17, 2024
@mehmetcetin01140 mehmetcetin01140 modified the milestones: 18.0.1, 19.0.1 Dec 17, 2024
@mertsincan mertsincan modified the milestones: 19.0.1, 19.0.2 Dec 19, 2024
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