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

Select: breaks styles when using ifta-label with large or small size #17522

Open
4 tasks
itismohammadreza opened this issue Jan 29, 2025 · 0 comments
Open
4 tasks
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@itismohammadreza
Copy link
Contributor

itismohammadreza commented Jan 29, 2025

Describe the bug

When applying the ifta-label to the Select component with a large or small size. the styles break, causing misalignment and unexpected layout shifts.

Image

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/hzmvhggz-fl4is5pu?file=src%2Fapp%2Fimports.ts,src%2Fapp%2Fselect-iftalabel-demo.ts,src%2Fmain.ts,src%2Fapp%2Fselect-iftalabel-demo.html

Environment

windows

Angular version

19.0.0

PrimeNG version

v19

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

  1. Render a Select component.
  2. Apply the ifta-label to it.
  3. Set the size prop to "large" or "small".
  4. Observe the style issues

Expected behavior

The Select component should maintain consistent styling and proper alignment, regardless of the applied label or size.

@itismohammadreza itismohammadreza 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 29, 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
Projects
None yet
Development

No branches or pull requests

1 participant