fix: Skin picker stops binding click correctly on hover (#398)

scttcper · Nov 15, 2021 · 1b0c994 · 1b0c994
1 parent e7a87d5
commit 1b0c994
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/lib/picker/preview.component.ts b/src/lib/picker/preview.component.ts
@@ -6,10 +6,9 @@ import {
   EventEmitter,
   Input,
   OnChanges,
-  Output
+  Output,
 } from '@angular/core';
 
-
 @Component({
   selector: 'emoji-preview',
   template: `
@@ -46,7 +45,7 @@ import {
       </div>
     </div>
 
-    <div class="emoji-mart-preview" *ngIf="!emoji">
+    <div class="emoji-mart-preview" [hidden]="emoji">
       <div class="emoji-mart-preview-emoji">
         <ngx-emoji
           *ngIf="idleEmoji && idleEmoji.length"
@@ -65,8 +64,11 @@ import {
       </div>
 
       <div class="emoji-mart-preview-skins">
-        <emoji-skins [skin]="emojiSkin" (changeSkin)="skinChange.emit($event)" [i18n]="i18n">
-        </emoji-skins>
+        <emoji-skins
+          [skin]="emojiSkin"
+          (changeSkin)="skinChange.emit($event)"
+          [i18n]="i18n"
+        ></emoji-skins>
       </div>
     </div>
   `,