prevent popUp overlap

Author: Bot

src/components/CodeEditor.vue

@@ -15,7 +15,7 @@
         @blur="onUnFocus"
       />
     </div>
-    <div class="pop-up" :class="{hidden: !showPopUp, clickable: popUpClickable, 'small-font': popUpText.length > 15}">
+    <div class="pop-up" :class="{hidden: !showPopUp || room.newGameRequest, clickable: popUpClickable && !room.newGameRequest, 'small-font': popUpText.length > 15}">
       <div>
         <p v-show="popUpText === 'Try again'" class="hardcore-info">
           We can't generate accurate results from this round.
@@ -490,7 +490,7 @@ export default {
     },
     onUnFocus(_, ev) {
       if (ev) {
-        if (DEV) ev.preventDefault();
+        if (!DEV) ev.preventDefault(); // dev
         if (!this.isCompleted && this.popUpText !== 'Try again' && ev) {
           if (DEV) this.cm.focus();
           if (ev.relatedTarget !== null) {
@@ -501,7 +501,7 @@ export default {
             }
           } else {
           // eslint-disable-next-line no-lonely-if
-            if (!DEV) this.popUp(true, 'Resume');
+            if (DEV) this.popUp(true, 'Resume'); // dev
           }
         }
       }

src/components/LanguagesList.vue

@@ -6,6 +6,7 @@
         type="text"
         placeholder="Search"
         class="searchInput"
+        :disabled="room.connected && !room.admin"
         maxlength="12"
         autofocus
         @keydown.enter.stop="selectFirstFromSearch"
@@ -83,7 +84,7 @@ export default {
         const filtered = this.languagesList
           .filter((language) => language.name.toLowerCase().includes(search))
           .sort((a, b) => (b.name.toLowerCase().startsWith(search) ? 1 : -1));
-        return filtered.length === 0 || (this.room.connected && !this.room.admin) ? this.languagesList : filtered;
+        return filtered.length === 0 ? this.languagesList : filtered;
       }
       return [...Array(33)].map(() => ({ name: '...' }));
     },

src/components/RoomPanel.vue

@@ -260,6 +260,7 @@ export default {
       this.$store.commit('SET_ROOM_PROPERTY', ['connected', false]);
       this.$store.commit('SET_ROOM_PROPERTY', ['name', '']);
       this.$store.commit('SET_ROOM_PROPERTY', ['owner', false]);
+      this.$store.commit('SET_ROOM_PROPERTY', ['newGameRequest', false]);
       if (action) {
         this.askForPlayerName = false;
         this.roomName = '';