p-autoComplete not applying p-filled
class like other inputs
#14088
Labels
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Describe the bug
When an input has text in all situations, a
p-filled
class is added to indicate there is text. For thep-autoComplete
component, the input does not get this class when an item is clicked and the input is assigned the value.This causes styling of filled inputs to be mismatched when near an autocomplete component.
Environment
Reproducer
https://stackblitz.com/edit/github-8bibwt?file=src%2Fapp%2Fapp.component.ts
Angular version
17.0.0
PrimeNG version
16.7.2
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.16.0
Browser(s)
Chrome
Steps to reproduce the behavior
In the above stackblitz, in style.css I've added a border of purple to any filled input.
Type in auto complete and select an item. Notice no purple border.
Type in the text field. Notice it has a purple border.
Type in the textarea field. Notice it has a purple border.
Expected behavior
The
p-filled
class is added so it can be consistent with other inputs.The text was updated successfully, but these errors were encountered: