From 3ff35011f1ed745f2c751432f8a9578cadf14c65 Mon Sep 17 00:00:00 2001 From: endigo9740 Date: Fri, 25 Apr 2025 13:01:18 -0500 Subject: [PATCH 1/5] Firefox Select element style fixes --- packages/skeleton/src/utilities/form-selects.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/skeleton/src/utilities/form-selects.css b/packages/skeleton/src/utilities/form-selects.css index b5241c6621..f3af7e4a85 100644 --- a/packages/skeleton/src/utilities/form-selects.css +++ b/packages/skeleton/src/utilities/form-selects.css @@ -32,6 +32,13 @@ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 var(--default-ring-width) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + /* Browser Overrides */ + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + @variant active { --tw-ring-color: var(--color-primary-500); } From 2411cdbe4cc8569ad8597a2016596276db68fc5e Mon Sep 17 00:00:00 2001 From: endigo9740 Date: Fri, 25 Apr 2025 13:07:39 -0500 Subject: [PATCH 2/5] Remove option rounding --- packages/skeleton/src/utilities/form-selects.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/skeleton/src/utilities/form-selects.css b/packages/skeleton/src/utilities/form-selects.css index f3af7e4a85..b24e9c8d1b 100644 --- a/packages/skeleton/src/utilities/form-selects.css +++ b/packages/skeleton/src/utilities/form-selects.css @@ -97,6 +97,7 @@ & option { background-color: var(--color-surface-50-950); + border-radius: 0px; color: var(--color-surface-950-50); border-radius: var(--radius-base); font-size: var(--text-base); From 06e7429c19a4b71a12e8c659c95656f4ec73362e Mon Sep 17 00:00:00 2001 From: endigo9740 Date: Fri, 25 Apr 2025 13:08:50 -0500 Subject: [PATCH 3/5] Additional MS style --- packages/skeleton/src/utilities/form-selects.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/skeleton/src/utilities/form-selects.css b/packages/skeleton/src/utilities/form-selects.css index b24e9c8d1b..c7be9ab323 100644 --- a/packages/skeleton/src/utilities/form-selects.css +++ b/packages/skeleton/src/utilities/form-selects.css @@ -105,4 +105,10 @@ height: --spacing(9); padding: --spacing(2); } + + /* Firefox */ + + & :: -ms-expand { + display: none; + } } From 21af12854ca3b641a77ee6351d5274469d921f89 Mon Sep 17 00:00:00 2001 From: endigo9740 Date: Fri, 25 Apr 2025 13:14:28 -0500 Subject: [PATCH 4/5] Limit MS to option oly --- packages/skeleton/src/utilities/form-selects.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/skeleton/src/utilities/form-selects.css b/packages/skeleton/src/utilities/form-selects.css index c7be9ab323..a16fa50023 100644 --- a/packages/skeleton/src/utilities/form-selects.css +++ b/packages/skeleton/src/utilities/form-selects.css @@ -108,7 +108,7 @@ /* Firefox */ - & :: -ms-expand { + & option :: -ms-expand { display: none; } } From cff852ca693b8b14234a259bffb39753a0d48a5e Mon Sep 17 00:00:00 2001 From: endigo9740 Date: Fri, 25 Apr 2025 13:18:53 -0500 Subject: [PATCH 5/5] Revert MS changes --- packages/skeleton/src/utilities/form-selects.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/packages/skeleton/src/utilities/form-selects.css b/packages/skeleton/src/utilities/form-selects.css index a16fa50023..b24e9c8d1b 100644 --- a/packages/skeleton/src/utilities/form-selects.css +++ b/packages/skeleton/src/utilities/form-selects.css @@ -105,10 +105,4 @@ height: --spacing(9); padding: --spacing(2); } - - /* Firefox */ - - & option :: -ms-expand { - display: none; - } }