Multiselect: reset form doesn't clear the field

[aboudard]

Describe the bug

When using the Multiselect PrimeNg component, with a custom pTemplate="selectedItems" if you want to reset the form, the value of the field is cleared, but the options remain even if they don't appear, they still are present in the component as selectedOptions. When using Array of string instead of Array of objects as the data of the Multiselect, the field doesn't get cleared, and values still show up.
The form is a Reactive Form.
When you get the Multiselect elements and clear the selectedOptions programatically, the fields get cleared as expected.
Selecting values :

Reset ko :

Reset ok :

Environment

Regular Angular CLI project with Angular 16 and PrimeNg 16, primeflex.

Reproducer

https://stackblitz.com/edit/primeng-dropdown-demo-gjw8xm

Angular version

16.2.12

PrimeNG version

16.9.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16+

Browser(s)

Chrome 122

Steps to reproduce the behavior

In the Stackblitz :

• Select values for the 3 multiselect.
• Click on the button reset ko
• The first field had the length of his previous selection, the second field still shows values, the third field is ok
• Select values for the 3 multiselect
• Click on the button reset ok
• All fields are cleared

DOM inspection on the first field :

Expected behavior

On FormGroup reset, the fields should both be cleared of value, but also of display.

[mehmetcetin01140]

Hi,

Thanks for reporting the issue.
This issue has been fixed between your version and v17.16.1, please use the latest version to get the updates.

Example with 17.16.1: https://stackblitz.com/edit/ayjjym?file=src%2Fapp%2Fmulti-select-basic-demo.ts

Closing the issue.