From 69d7ac04559c5d47f8e7904a4f723f409fae5ebc Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Tue, 17 Sep 2024 07:25:44 +0300
Subject: [PATCH] Fix `VSelectField` focus ring

---
 frontend/src/components/VSelectField/VSelectField.vue | 2 +-
 frontend/src/styles/tailwind.css                      | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/VSelectField/VSelectField.vue b/frontend/src/components/VSelectField/VSelectField.vue
index 390895c72ab..fee04c1ea7c 100644
--- a/frontend/src/components/VSelectField/VSelectField.vue
+++ b/frontend/src/components/VSelectField/VSelectField.vue
@@ -84,7 +84,7 @@ const splitAttrs = computed(() => {
     <select
       :id="fieldId"
       v-model="selectValue"
-      class="flex h-[calc(theme(spacing.10)_-_2_*_theme(borderWidth.DEFAULT))] appearance-none truncate bg-tx pe-10"
+      class="outline-style-none flex h-[calc(theme(spacing.10)_-_2_*_theme(borderWidth.DEFAULT))] appearance-none truncate bg-tx pe-10"
       :class="[
         showSelected ? 'w-full' : 'w-0 max-w-0',
         hasStartContent ? 'ps-10' : 'ps-2',
diff --git a/frontend/src/styles/tailwind.css b/frontend/src/styles/tailwind.css
index b46da92350a..f01d27ab967 100644
--- a/frontend/src/styles/tailwind.css
+++ b/frontend/src/styles/tailwind.css
@@ -328,6 +328,11 @@
   input[type="search"]::-webkit-search-results-decoration {
     -webkit-appearance: none;
   }
+
+  /* Completely remove the outline; to be replaced with a different focus ring */
+  .outline-style-none {
+    outline-style: none;
+  }
 }
 /*
 Text styles from Figma, @see