Title: How to trigger mouseout in mat-autocomplete
Tags: angular;angular-material
Question: I have to close panel when mouse leave the panel itself don't know how to do it, if you have some ideas how to trigger this event please. (mouseleave is ont working)
<mat-autocomplete (mouseleave)=&quot;closePanel()&quot; autoActiveFirstOption &gt;
<mat-option  *ngFor=&quot;let tag of this.sourceFiltered$ | async; trackBy: optionTrackByFn&quot; [value]=&quot;tag&quot;&gt;
<div class=&quot;row&quot;&gt;
<div class=&quot;tag&quot;&gt;
<div class=&quot;tag-name mat-body-2&quot;&gt;{{tag.name}}</div&gt;
<div class=&quot;tag-category mat-caption&quot;&gt;{{tag.category}}</div&gt;
</div&gt;
</div&gt;
</mat-option&gt;


Here is another answer: <div (mouseover)=&quot;changeText=true&quot; (mouseout)=&quot;changeText=false&quot;&gt;
<span *ngIf=&quot;!changeText&quot;&gt;Hide</span&gt;
<span *ngIf=&quot;changeText&quot;&gt;Show</span&gt;
</div&gt;

{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 1, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 4.0', 'CreationDate': '2022:00:09/16/22', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<angular><angular-material>', 'Title': 'How to trigger mouseout in mat-autocomplete', 'ViewCount': 13, 'id': 73747556, 'user_AboutMe': '', 'user_AccountId': 26356178.0, 'user_DisplayName': 'Delgalaenza', 'user_Reputation': 1.0, 'user_Views': 0.0, 'user_id': 20013120.0}}