Added some style logic

script/emoji-picker-functions/addEmojiPickerBackgroundFunction.js

@@ -1,8 +1,9 @@
 export default function addEmojiPickerBackgroundFunction() {
 
+    const emojiPickerBackground = document.getElementsByClassName('emoji-picker-background')[0]
     const emojiPickerContainer = document.getElementsByClassName('emoji-picker-container')[0]
-    
-    emojiPickerContainer.addEventListener('click', () => {
+
+    emojiPickerBackground.addEventListener('click', () => {
         
         emojiPickerContainer.classList.add('hidden')
     })

script/emoji-picker-functions/disableEnterInputs.js

@@ -0,0 +1,27 @@
+export default function disableEnterInputs() {
+
+    const player1 = document.getElementsByClassName('player player-1')[0]
+    const player2 = document.getElementsByClassName('player player-2')[0]
+
+    const inputsPlayer1 = [player1.children[0], player1.children[1].children[1]]
+    const inputsPlayer2 = [player2.children[0], player2.children[1].children[0]]
+
+    const inputsPlayers = [inputsPlayer1, inputsPlayer2]
+
+    inputsPlayers.forEach(inputsArray => {
+
+        inputsArray.forEach(input => {
+
+            input.addEventListener('keypress', e => {
+
+                if (e.keyCode === 13 || e.which === 13) {
+
+                    e.preventDefault()
+                    return false
+                }
+            })
+        })
+
+    })
+
+}

script/emoji-picker-functions/emojiPickerFunctionality.js

@@ -19,8 +19,8 @@ export default function emojiPickerFunctionality() {
         
         input.value = event.detail.unicode
 
-        const emojiPickerContainer = document.getElementsByClassName('emoji-picker-container')[0]
-        emojiPickerContainer.classList.add('hidden')
+        // const emojiPickerContainer = document.getElementsByClassName('emoji-picker-container')[0]
+        // emojiPickerContainer.classList.add('hidden')
 
     })