p-autocomplete shows focus on second tab click

Am using tabIndex to focus on tab press but on first press it's not focusing after 2nd click it shows focus. How can I focus that on one click????
<div >
              <p-autoComplete  
                [style]="{'width':'80%'}" 
                [inputStyle]="{'width':'100%'}"
                [ngModel]="_prod.Product"
                [forceSelection] = "true"
                (ngModelChange) = "onFieldChange('Product', $event)"
                [suggestions]="products" 
                (completeMethod)="onFetchProducts($event)"
                [emptyMessage]="'There are no results'"
                (onSelect)="productSelected($event)"
                [minLength]="0"
                [dropdown]="true"
                appendTo="body"
                tabindex="1"
                field="title"
                >
              </p-autoComplete>
            </div>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

p-autocomplete shows focus on second tab click #47

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

p-autocomplete shows focus on second tab click #47

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions