Fix select on Flags page not working on Chrome

usevital · Jul 13, 2024 · 4002fe9 · 4002fe9
1 parent 973403a
commit 4002fe9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Select.vue b/components/Select.vue
@@ -1,6 +1,6 @@
 <template>
   <select
-    class="bg-transparent px-5 py-3 rounded-xl text-lg border-2 border-[var(--text-colour)] cursor-pointer hover:brightness-125"
+    class="bg-transparent focus:bg-black px-5 py-3 rounded-xl text-lg border-2 border-[var(--text-colour)] cursor-pointer hover:brightness-125"
   >
     <slot />
   </select>

diff --git a/pages/flags.vue b/pages/flags.vue
@@ -23,7 +23,7 @@
           <option
             v-for="locale in availableLocales"
             :value="locale.code"
-            @click="setLocale(locale.code)"
+            @click.prevent.stop="setLocale(locale.code)"
           >
             {{ locale.name }}
           </option>