From 1b0c994e282d4ebc2026d095c8c58a40fd52e827 Mon Sep 17 00:00:00 2001
From: Scott Cooper <scttcper@gmail.com>
Date: Mon, 15 Nov 2021 09:25:30 -0800
Subject: [PATCH] fix: Skin picker stops binding click correctly on hover
 (#398)

---
 src/lib/picker/preview.component.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/lib/picker/preview.component.ts b/src/lib/picker/preview.component.ts
index 21c8e59..6c27f0a 100644
--- 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>
   `,