Hi, I'm having trouble with styling and I can't seem to figure out how to resolve it. The style pointer-events: none doesn't seem to be working for me.
Here is an example of my code:
The style snippet:
.noclick {
cursor: default;
pointer-events: none;
}
And here is the relevant HTML code:
<p-autoComplete
[(ngModel)]="searchModel"
[suggestions]="items"
[maxlength]="1024"
(completeMethod)="search($event.query)"
[placeholder]=""
(onSelect)="select($event)"
[emptyMessage]="'Nothing'"
(onBlur)="clear()"
(onFocus)="open()"
[disabled]="disabled"
#autocompletePanel
[ngClass]="{'search-icon': searchIcon}"
[delay]="0"
>
<ng-template let-searchModel pTemplate="item">
<div class="ui-helper-clearfix">
<span *ngIf="searchModel.title" class="noclick">{{ searchModel.title }}</span>
<span *ngIf="!searchModel.title">{{ searchModel.shortName || searchModel.fullName }}</span>
</div>
</ng-template>
</p-autoComplete>