p-dropdown in a p-floatLabel can not be editable

[mappopo]

Describe the bug

it is not possible to get the expected behaviour of editable if p-dropdown is inside a p-floatLabel. You can not write inside the box

`

<p-dropdown
[options]="cities"
[(ngModel)]="selectedCity"
optionLabel="name"
[editable]="true"
inputId="float-label"
/>
Select a City

`

if you move p-dropdown outside p-floatLabel it works correcly

Environment

angular primeng

Reproducer

https://stackblitz.com/edit/mgbc2j?file=src%2Fapp%2Fdropdown-floatlabel-demo.html

Angular version

18.2.8

PrimeNG version

17.18.11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.14.0

Browser(s)

all

Steps to reproduce the behavior

just try to write Rome insede the box

Expected behavior

When I type the first letter R the character R is expected to be shown. Then when I write o is expected to see Ro in the box and so on until Rome appear in the box.

[github-actions]

Due to PrimeNG team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨