emoji picker

snippets/shx-3d-render-input.liquid

@@ -1053,11 +1053,19 @@
     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'
 
-    /*
+    
     window.addEventListener("DOMContentLoaded", () => {
         setTimeout(() => {
             console.log("timeout")
 
+            const emojiPicker = document.createElement("emoji-picker")
+            emojiPicker.classList = "light"
+
+            document.getElementsByClassName("shx-emoji-picker-popup").appendChild(emojiPicker)
+
+
+            /*
+            
             document.querySelector(".shx-emoji-picker-popup").addEventListener("emoji-click", (e) => {
                 console.log("emoji click")
                 // insertText(document.querySelector("#shx-text1"), e.detail.unicode);
@@ -1068,9 +1076,9 @@
             document.getElementsByClassName("shx-emoji-picker-button")[0].onclick = () => {
                 console.log("toggle popup")
                 document.querySelector(".shx-emoji-picker-popup").classList.toggle("shown");
-            };
-        }, 12000)
-    }) */
+            }; */
+        }, 1000)
+    })
 </script>
 
 {% endif %}