Prevent loosing focus on select in autocomplete
Posted: 29 Oct 2019, 16:38
I've got a p-table with a column that allows for editing a path:
As the user types, i want to show them possible completions, but if they select one, to allow them to continue typing, until they hit tab. Right now, as soon as they select a suggestion, the editing completes, and because its an editable column, the autocomplete effectively is gone.
Is there a way to prevent the selection from causing p-autoComplete to loose focus?
BTW: when a suggestion is selected, the onBlur() is never called, nor even the onKeyUp (for Enter), and the onSelect doesn't have an event, just the selected value, so there's no way to do an event.preventDefault().
Code: Select all
<td pEditableColumn>
<p-cellEditor>
<ng-template pTemplate="input">
<p-autoComplete #pathAutoComplete [(ngModel)]="asHost(row).path"
[suggestions]="fileResults"
(completeMethod)="fileSearch($event)"
(onSelect)="valueSelected($event, pathAutoComplete)"
(onKeyUp)="onKeyUp($event)"
(onBlur)="onBlur($event)"
></p-autoComplete>
</ng-template>
<ng-template pTemplate="output">
{{asHost(row).path}}
</ng-template>
</p-cellEditor>
</td>
Is there a way to prevent the selection from causing p-autoComplete to loose focus?
BTW: when a suggestion is selected, the onBlur() is never called, nor even the onKeyUp (for Enter), and the onSelect doesn't have an event, just the selected value, so there's no way to do an event.preventDefault().