From 1667e4fa2ccc495b38227930980c1eb52220f837 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomasz=20G=C3=B3ral?= <tomasz.gl69@gmail.com>
Date: Mon, 7 Aug 2023 10:41:32 +0200
Subject: [PATCH] fix(SfSelect): disabled state attributes

---
 .changeset/wise-bananas-build.md                            | 6 ++++++
 .../sfui/frameworks/react/components/SfSelect/SfSelect.tsx  | 1 -
 .../sfui/frameworks/vue/components/SfSelect/SfSelect.vue    | 1 -
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/wise-bananas-build.md

diff --git a/.changeset/wise-bananas-build.md b/.changeset/wise-bananas-build.md
new file mode 100644
index 0000000000..ff5c2803dd
--- /dev/null
+++ b/.changeset/wise-bananas-build.md
@@ -0,0 +1,6 @@
+---
+'@storefront-ui/react': patch
+'@storefront-ui/vue': patch
+---
+
+Remove redundant `selected` attribute from `SfSelect` placeholder
diff --git a/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx b/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx
index 2bc94059d0..b1bc5eeb48 100644
--- a/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx
+++ b/packages/sfui/frameworks/react/components/SfSelect/SfSelect.tsx
@@ -64,7 +64,6 @@ export default function SfSelect(props: SfSelectProps) {
         {placeholder && (
           <option
             disabled
-            selected
             hidden
             value=""
             className={classNames('bg-neutral-300 text-sm', {
diff --git a/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue b/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue
index 7f04c26165..ac7d9fc41e 100644
--- a/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue
+++ b/packages/sfui/frameworks/vue/components/SfSelect/SfSelect.vue
@@ -84,7 +84,6 @@ const modelProxy = computed({
       <option
         v-if="placeholder"
         disabled
-        selected
         hidden
         class="text-sm bg-neutral-300"
         value=""