Component: p-dropdown filterValue initial value is ignored and binding not working

[dnordahl1]

Describe the bug

I've tried a number of different things with changeDetection and binding types, but:

1. Any initial value set for filterValue is ignored
2. Changes manually entered in the dropdown filter are not updated to the variable bound to filterValue

In my actual application, I'm trying to do something similar to the example. If a user has a stateCode populated in an address field. I want to filter the objects shown in a separate dropdown by their stateCode attribute (if they have one populated).

Environment

n/a

Reproducer

https://stackblitz.com/edit/gjdsxh-fd12qg

Angular version

17.1.0

PrimeNG version

17.3.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

Browser(s)

Chrome

Steps to reproduce the behavior

1. Set value of p-dropdown filterValue to a variable or string literal during component initialization in the typescript or the html
2. Open dropdown and see that the value set is not populated in the filter input
3. Manually enter value in the filter input and see that the value entered is never updated to the variable bound to filterValue

Expected behavior

1. If a value is set for filterValue, when the drop down is opened, it should default to this value
2. When a user enters a value in the drop down filter input, the changes entered should be reflected in the bound variable.