From 56d67767c5a5a06f2c2fa1666658d3a885b47dfa Mon Sep 17 00:00:00 2001
From: HyeokjaeLee <leehyeokjae97@gmail.com>
Date: Tue, 5 Nov 2024 02:57:53 +0900
Subject: [PATCH] fix: remove Firefox input outline

---
 packages/radix-ui-themes/src/components/text-area.css  | 7 +++++++
 packages/radix-ui-themes/src/components/text-field.css | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/packages/radix-ui-themes/src/components/text-area.css b/packages/radix-ui-themes/src/components/text-area.css
index fbd8a398..e8e796bb 100644
--- a/packages/radix-ui-themes/src/components/text-area.css
+++ b/packages/radix-ui-themes/src/components/text-area.css
@@ -56,6 +56,13 @@
     background-clip: text;
     -webkit-text-fill-color: var(--gray-12);
   }
+
+  /* Remove outline on Firefox */
+  @supports (-moz-appearance: none) {
+    &:focus {
+      outline: none;
+    }
+  }
 }
 
 /***************************************************************************************************
diff --git a/packages/radix-ui-themes/src/components/text-field.css b/packages/radix-ui-themes/src/components/text-field.css
index 7ce9048f..e9288775 100644
--- a/packages/radix-ui-themes/src/components/text-field.css
+++ b/packages/radix-ui-themes/src/components/text-field.css
@@ -110,6 +110,13 @@
       -webkit-text-fill-color: var(--gray-12);
     }
   }
+
+  /* Remove outline on Firefox */
+  @supports (-moz-appearance: none) {
+    &:focus {
+      outline: none;
+    }
+  }
 }
 
 .rt-TextFieldSlot {