p-floatlabel overlaps selected value of p-dropdown

[davidda]

Describe the bug

Occurrs after the focus leaves the dropdown.

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-tnilcrnz?file=src%2Fapp%2Fapp.component.html

Environment

Angular version

19

PrimeNG version

v19

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

Select a value in dropdown, click somwher else to move focus => float label overlaps selected value

Expected behavior

float label stays above field

[davidda]

Can be resolved by importing SelectModule instead of DropdownModule and renaming p-dropdown to p-select.

[morsagmon]

@davidda Even with p-select, the floatlabel with the variant="on" is not showing correctly. The label is half hidden behind the select box, maybe a z-order of the label can fix this...

[davidda]

@morsagmon Try updating to 19.0.2. The issue you're describing did occurr in v18, but not the current version: https://stackblitz.com/edit/github-tnilcrnz-zfel3vvv?file=src%2Fapp%2Fapp.component.html

[morsagmon]

@davidda Thanks. I'm on 19.0.5 now. The only way I could promote the label forward was using z-index (z-2 class).
Also, the label always shows ON (on the top border of the input control), even when empty and untouched.
I noticed that in your stackblitz, the label is shown INSIDE (as expected) until touched, however, when cleared it remains ON instead of returning to be inside the input control.

[davidda]

@morsagmon I think this is the expected behaviour, as the label will stay ON as long as the control has focus. If you click/tab away, it returns to the inside.

[morsagmon]

@davidda Not in my case. Focus or not - always ON...