Component: p-multiSelect does not render grouped items that have a property named group

[jpgoelz]

Describe the bug

We are using a p-multiSelect in our application with grouped items.

The values are dynamically grouped by a group property in our own SelectItem-Inerface:

export interface GroupableSelectItem<T> extends SelectItem<T> {
  group: string;
}

Since PrimeNG 16.7.x items in groups are no longer rendered/selectable if the items have a group property. If any other property name is used, there is no problem (see StackBlitz).

Environment

Any environment has this problem.

Reproducer

https://stackblitz.com/edit/1j5ikb?file=src%2Fapp%2Fdemo%2Fmulti-select-group-demo.html

Angular version

16.2.x

PrimeNG version

16.7.x

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

Add a group property to any of the grouped items in a p-multiSelect with [group]="true".

I forked this StackBlitz from the MultiSelect component demo for groups:

https://stackblitz.com/edit/1j5ikb?file=src%2Fapp%2Fdemo%2Fmulti-select-group-demo.ts

Expected behavior

The items are rendered OR the docs warn that group cannot be used as a property.

[ashikjs]

@jpgoelz primeNG options have costume property name option so if you add same property then it make conflict.

[jpgoelz]

@jpgoelz primeNG options have costume property name option so if you add same property then it make conflict.

@ashikjs: Not sure if I can follow. Which options and where? We are not using an "option" property.

[cetincakiroglu]

Hi,

Thanks a lot for reporting the issue!