PrimeNg dropdown assigning visual default value to first item in the list

[andievester]

According to the documentation, the Angular Dropdown component should NOT assign a default value unless specified. My dropdowns are assigning the first item in my list of options as the default item, instead of displaying the placeholder. The "assignment" is smoke and mirrors as well, because when I log out the values of my form controls, they are null to begin with. Here is my code:

<form [formGroup]="formGroup">
        <div class="selector">
            <span class="select-prompt">Please select a group</span>
            <p-dropdown formControlName="group" [options]="groups" optionLabel="name"
                placeholder="Select Group"></p-dropdown>
        </div>
    
        <div class="selector">
            <span class="select-prompt">Please select a context</span>
            <p-dropdown formControlName="context" [options]="context"
                placeholder="Select Context"></p-dropdown>
        </div>
    </form>

context: Array<string> = ["Search", "Dashboard"];

[cetincakiroglu]

Hi,

You should set autoDisplayFirst property to false. It's true by default and it displays the first option automatically.

[shh79]

this solution does not work for me, what should I do?

[StroeAdrianFF]

Same for me, not working

[josebaug98]

I think he means adding something like: [autoDisplayFirst] in the p dropdown tag

[DhaaraniCIT]

it is not working for me aswell [autoDisplayFirst]="false"

[Juliya2323]

try setting key in default option