primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.46k stars 4.6k forks source link

p-dropdown with editable=true and floating labels doesn't work with manually entered values #16049

Open HeikeDuennebacke opened 3 months ago

HeikeDuennebacke commented 3 months ago

Describe the bug

When adding the [editable]="true" property to the component and using float labels, it is not possible to type a value manually.

Reproduction on stackblitz: https://stackblitz.com/edit/ybzyi4?file=src%2Fapp%2Fdropdown-editable-demo.ts

Environment

@angular-devkit/architect 0.1800.5 @angular-devkit/build-angular 18.0.5 @angular-devkit/core 18.0.5 @angular-devkit/schematics 18.0.5 @angular/cli 18.0.5 @schematics/angular 18.0.5 rxjs 7.8.1 typescript 5.4.5 primeng 17.18.4 zone.js 0.14.7

Reproducer

No response

Angular version

18.0.5

PrimeNG version

17.18.4

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

Firefox, Chrome (current versions)

Steps to reproduce the behavior

Clicking into the dropdown field -> typing manually is impossible.

Expected behavior

with [editable]="true" in combination with should behave the same when manually typing a value as when selecting a value from the drop down list.
v-jovan commented 2 months ago

I have the same problem. I saw that it was fixed here #10170 but somehow it's still present.