diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 974a993..a04ec0a 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -168,6 +168,19 @@
     document.getElementById("shx-emoji-picker-button").setAttribute("shx-emoji-picker-loaded", "true")
 
     console.log("modules loaded")
+
+    const emojiPicker = document.createElement("emoji-picker");
+    emojiPicker.classList = "light";
+    emojiPicker.style.width = "100%";
+
+    emojiPicker.addEventListener("emoji-click", (e) => {
+        console.log("insertText", e.detail.unicode)
+        // insertText(document.querySelector("#shx-text1"), e.detail.unicode);
+    });
+
+    console.log("loadEmojiPicker");
+
+    document.getElementsByClassName("shx-emoji-picker-popup")[0].appendChild(emojiPicker);
 </script>
 
 <script type="text/javascript">