dropdown: selected, disabled option not rendered

[capc0]

Describe the bug

When a dropdown has a disabled option that is initially selected by code, it is not rendered as the current selection.
It is a common use case that a dropdown has a current selection, that the user should change but to any value different than the currently selected one. Therefore the current/initial selected option gets disabled, so that it cannot be re-selected.

This used to be the case in Prime v15 and v16

Environment

see below

Reproducer

https://stackblitz.com/edit/github-npixcr?file=src%2Fapp%2Fapp.component.ts

Angular version

17.1.2

PrimeNG version

17.5.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

1. open the stackblitz (see above)
2. look at the following initial data in app.component.ts

  options: SelectItem[] = [
    { label: 'one', value: 1 },
    { label: 'two', value: 2, disabled: true },
    { label: 'three', value: 3 },
  ];
  selection = 2;

3. view the result --> option two is not rendered/selected

Expected behavior

The selected option should be rendered, since it is already the current selection via model binding, even if it is disabled.

[capc0]

Thanks for the quick fix. However there is a follow-up issue with 17.7 detailed in #14809

[rmaleryk]

@cetincakiroglu
Looks like the fix is not working for the custom selectedItem template.

[MartinaAnt]

Same here in v17.18.4 - selectedItem template not working with (programmatically selected) disabled option