diff --git a/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml index c70f26ca15e7..e3edd4b5eb02 100644 --- a/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/component/chromium/DBSelect-should-have-same-aria-snapshot.yaml @@ -1,6 +1,6 @@ - text: Label - combobox "Label": - - option "Test1" + - option "Test1" [selected] - option "Test2" -- text: Label Description +- text: Description - status \ No newline at end of file diff --git a/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png index d94b7f462e67..0307f8f68439 100644 Binary files a/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/chromium/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml index c70f26ca15e7..e3edd4b5eb02 100644 --- a/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/component/firefox/DBSelect-should-have-same-aria-snapshot.yaml @@ -1,6 +1,6 @@ - text: Label - combobox "Label": - - option "Test1" + - option "Test1" [selected] - option "Test2" -- text: Label Description +- text: Description - status \ No newline at end of file diff --git a/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png index 89b3ca0dd976..825a54a937c0 100644 Binary files a/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/firefox/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml index c70f26ca15e7..e3edd4b5eb02 100644 --- a/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/component/mobile-chrome/DBSelect-should-have-same-aria-snapshot.yaml @@ -1,6 +1,6 @@ - text: Label - combobox "Label": - - option "Test1" + - option "Test1" [selected] - option "Test2" -- text: Label Description +- text: Description - status \ No newline at end of file diff --git a/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png b/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png index d94b7f462e67..0307f8f68439 100644 Binary files a/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png and b/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png differ diff --git a/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/chromium/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/firefox/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/mobile-safari/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml index d5f846b52144..65433151f6f4 100644 --- a/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/select/showcase/webkit/should-have-same-aria-snapshot/DBSelect-should-have-same-aria-snapshot.yaml @@ -3,18 +3,21 @@ - link "Density" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Functional - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Regular - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Expressive @@ -22,24 +25,28 @@ - link "Variant" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Label Above - status - text: Label - combobox "Label": + - option - option "Floating Label" [selected] - option "Option 2" - status - link "Show Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -47,12 +54,14 @@ - link "Show Message" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: True Message @@ -60,30 +69,35 @@ - link "State" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - link "Validation" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) No validation - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Invalid Invalid Message - status - text: Label - combobox "Label": + - option [selected] - option "Valid" - option "Option 2" - text: Valid Valid message @@ -91,12 +105,14 @@ - link "Disabled" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label" [disabled]: + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -104,12 +120,14 @@ - link "Content" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Text - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: Text - Leading Icon @@ -117,12 +135,14 @@ - link "Required" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) False - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "True" @@ -130,12 +150,14 @@ - link "Show Required Asterisk" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) True - status - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: "False" @@ -143,17 +165,20 @@ - link "Examples Floating Label" - text: Label - combobox "Label": + - option [selected] - option "Option 1" - option "Option 2" - text: (Default) Empty - status - text: Label - combobox "Label": + - option - option "Filled" [selected] - option "Option 2" - status - text: Label - combobox "Label" [disabled]: + - option - option "Disabled" [selected] - option "Option 2" - status \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 02bc8b9a5ff5..a598e355c63b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12875,13 +12875,6 @@ "@types/node": "*" } }, - "node_modules/@types/node/node_modules/undici-types": { - "version": "7.10.0", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz", - "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==", - "devOptional": true, - "license": "MIT" - }, "node_modules/@types/normalize-package-data": { "version": "2.4.4", "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz", @@ -39600,10 +39593,11 @@ } }, "node_modules/undici-types": { - "version": "7.8.0", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.8.0.tgz", - "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==", - "dev": true + "version": "7.10.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz", + "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==", + "devOptional": true, + "license": "MIT" }, "node_modules/unenv": { "version": "2.0.0-rc.19", @@ -43650,12 +43644,13 @@ } }, "showcases/angular-ssr-showcase/node_modules/@types/node": { - "version": "24.0.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.8.tgz", - "integrity": "sha512-WytNrFSgWO/esSH9NbpWUfTMGQwCGIKfCmNlmFDNiI5gGhgMmEA+V1AEvKLeBNvvtBnailJtkrEa2OIISwrVAA==", + "version": "24.2.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz", + "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==", "dev": true, + "license": "MIT", "dependencies": { - "undici-types": "~7.8.0" + "undici-types": "~7.10.0" } }, "showcases/angular-ssr-showcase/node_modules/accepts": { @@ -43921,12 +43916,13 @@ } }, "showcases/next-showcase/node_modules/@types/node": { - "version": "24.0.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.8.tgz", - "integrity": "sha512-WytNrFSgWO/esSH9NbpWUfTMGQwCGIKfCmNlmFDNiI5gGhgMmEA+V1AEvKLeBNvvtBnailJtkrEa2OIISwrVAA==", + "version": "24.2.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz", + "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==", "dev": true, + "license": "MIT", "dependencies": { - "undici-types": "~7.8.0" + "undici-types": "~7.10.0" } }, "showcases/nuxt-showcase": { @@ -44002,12 +43998,13 @@ } }, "showcases/patternhub/node_modules/@types/node": { - "version": "24.0.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-24.0.8.tgz", - "integrity": "sha512-WytNrFSgWO/esSH9NbpWUfTMGQwCGIKfCmNlmFDNiI5gGhgMmEA+V1AEvKLeBNvvtBnailJtkrEa2OIISwrVAA==", + "version": "24.2.1", + "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz", + "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==", "dev": true, + "license": "MIT", "dependencies": { - "undici-types": "~7.8.0" + "undici-types": "~7.10.0" } }, "showcases/patternhub/node_modules/ajv": { diff --git a/packages/components/src/components/select/index.html b/packages/components/src/components/select/index.html index b9b350573fb1..9f92ddb605a7 100644 --- a/packages/components/src/components/select/index.html +++ b/packages/components/src/components/select/index.html @@ -9,7 +9,7 @@
@@ -18,7 +18,7 @@
diff --git a/packages/components/src/components/select/select.lite.tsx b/packages/components/src/components/select/select.lite.tsx index 4b057f9e7f00..9a748c4ae51c 100644 --- a/packages/components/src/components/select/select.lite.tsx +++ b/packages/components/src/components/select/select.lite.tsx @@ -94,7 +94,7 @@ export default function DBSelect(props: DBSelectProps) { } } else if (stringPropVisible(props.message, props.showMessage)) { state._descByIds = state._messageId; - } else { + } else if (props.placeholder) { state._descByIds = state._placeholderId; } }, @@ -233,7 +233,9 @@ export default function DBSelect(props: DBSelectProps) { } aria-describedby={props.ariaDescribedBy ?? state._descByIds}> {/* Empty option for floating label */} - + + + {(option: DBSelectOptionType) => ( @@ -299,9 +301,9 @@ export default function DBSelect(props: DBSelectProps) { - - {props.placeholder ?? props.label} - + + {props.placeholder} + select option:checked:not([hidden])) { + &:has(> select option:checked:not(.placeholder)) { [id$="-placeholder"] { display: none; } diff --git a/packages/components/src/components/select/select.spec.tsx b/packages/components/src/components/select/select.spec.tsx index c168694d8ff4..8ca1e9222362 100644 --- a/packages/components/src/components/select/select.spec.tsx +++ b/packages/components/src/components/select/select.spec.tsx @@ -6,7 +6,7 @@ import { DBSelect } from './index'; import { DEFAULT_VIEWPORT } from '../../shared/constants.ts'; const comp: any = ( - + diff --git a/packages/components/src/styles/internal/_form-components.scss b/packages/components/src/styles/internal/_form-components.scss index 12c135286d9d..e0385135d00f 100644 --- a/packages/components/src/styles/internal/_form-components.scss +++ b/packages/components/src/styles/internal/_form-components.scss @@ -124,7 +124,7 @@ $db-min-inline-size: var( &:has( #{$selector}:focus-within, #{$selector}:is(input, textarea):not(:placeholder-shown), - > select option:checked:not([hidden]), + > select option:checked:not(.placeholder), input[type="checkbox"]:checked, input[type="radio"]:checked ) { diff --git a/showcases/react-showcase/src/components/select/index.tsx b/showcases/react-showcase/src/components/select/index.tsx index 84153e66c5e7..8551ef736a3b 100644 --- a/showcases/react-showcase/src/components/select/index.tsx +++ b/showcases/react-showcase/src/components/select/index.tsx @@ -7,7 +7,7 @@ import { getVariants } from '../data'; import DefaultComponent from '../default-component'; const getSelect = ({ - children, + placeholder, label, options, icon, @@ -27,7 +27,7 @@ const getSelect = ({ return (