From a5da94b26977cdcc016efbcae0ab889721687638 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Tue, 16 Jul 2024 22:38:57 +0200
Subject: [PATCH] emoji picker

---
 snippets/shx-3d-render-input.liquid | 31 ++++++++++++-----------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index e402844..32fcdaf 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -164,23 +164,7 @@
   
     import "https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js";
     import insertText from "https://cdn.jsdelivr.net/npm/insert-text-at-cursor@0.3.0/index.js";
-
-    function loadEmojiPicker() {
-        const emojiPicker = document.createElement("emoji-picker");
-        emojiPicker.classList = "light";
-        emojiPicker.style.width = "100%";
-
-        emojiPicker.addEventListener("emoji-click", (e) => {
-            insertText(document.querySelector("#shx-text1"), e.detail.unicode);
-        });
-
-        console.log("loadEmojiPicker");
-
-        document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
-    }
-
-    loadEmojiPicker()
-</script>  
+</script>
 
 <script type="text/javascript"> 
 
@@ -1064,7 +1048,18 @@
 
             console.log("render current variant")
 
-            loadEmojiPicker()
+            const emojiPicker = document.createElement("emoji-picker");
+            emojiPicker.classList = "light";
+            emojiPicker.style.width = "100%";
+    
+            emojiPicker.addEventListener("emoji-click", (e) => {
+                insertText(document.querySelector("#shx-text1"), e.detail.unicode);
+            });
+    
+            console.log("loadEmojiPicker");
+    
+            document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
+    
         }
     }