diff --git a/.changeset/chatty-scissors-breathe.md b/.changeset/chatty-scissors-breathe.md new file mode 100644 index 000000000000..98533393542b --- /dev/null +++ b/.changeset/chatty-scissors-breathe.md @@ -0,0 +1,9 @@ +--- +"@db-ux/core-components": patch +"@db-ux/ngx-core-components": patch +"@db-ux/react-core-components": patch +"@db-ux/wc-core-components": patch +"@db-ux/v-core-components": patch +--- + +fix: placeholder for DBSelect with variant floating is moved down diff --git a/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 115157db7b1c..06f9b9754a51 100644 Binary files a/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/chromium-highContrast/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 62d2797a9853..2161c9d1924f 100644 --- a/__snapshots__/custom-select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1441,4 +1441,48 @@ - listitem: - radio "Option 5" - text: Option 5 + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index fb2ce163e9ed..2de080e1f325 100644 Binary files a/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/chromium/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/chromium/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/chromium/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 62d2797a9853..2161c9d1924f 100644 --- a/__snapshots__/custom-select/showcase/chromium/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/chromium/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1441,4 +1441,48 @@ - listitem: - radio "Option 5" - text: Option 5 + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index f1c746d2ceb1..95b75dcbfdad 100644 Binary files a/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/firefox/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/firefox/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/firefox/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 62d2797a9853..2161c9d1924f 100644 --- a/__snapshots__/custom-select/showcase/firefox/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/firefox/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1441,4 +1441,48 @@ - listitem: - radio "Option 5" - text: Option 5 + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/custom-select/showcase/mobile-chrome/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/mobile-chrome/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 4b6adcbe0745..9def50e2a252 100644 Binary files a/__snapshots__/custom-select/showcase/mobile-chrome/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/mobile-chrome/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 97a3f1a229a3..47b62d51b621 100644 --- a/__snapshots__/custom-select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/mobile-chrome/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1509,4 +1509,50 @@ - radio "Option 5" - text: Option 5 - button "Close" + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - button "Close" + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - button "Close" + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/custom-select/showcase/mobile-safari/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/mobile-safari/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 547ee1d20b1e..f12675541759 100644 Binary files a/__snapshots__/custom-select/showcase/mobile-safari/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/mobile-safari/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/mobile-safari/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/mobile-safari/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 97a3f1a229a3..47b62d51b621 100644 --- a/__snapshots__/custom-select/showcase/mobile-safari/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/mobile-safari/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1509,4 +1509,50 @@ - radio "Option 5" - text: Option 5 - button "Close" + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - button "Close" + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - button "Close" + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/custom-select/showcase/webkit/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png b/__snapshots__/custom-select/showcase/webkit/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png index 04441d7ceede..8765053857da 100644 Binary files a/__snapshots__/custom-select/showcase/webkit/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png and b/__snapshots__/custom-select/showcase/webkit/DBCustomSelect-should-match-screenshot-1/DBCustomSelect-should-match-screenshot.png differ diff --git a/__snapshots__/custom-select/showcase/webkit/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml b/__snapshots__/custom-select/showcase/webkit/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml index 62d2797a9853..2161c9d1924f 100644 --- a/__snapshots__/custom-select/showcase/webkit/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/custom-select/showcase/webkit/should-have-same-aria-snapshot/DBCustomSelect-should-have-same-aria-snapshot.yaml @@ -1441,4 +1441,48 @@ - listitem: - radio "Option 5" - text: Option 5 + - status + - link "Examples Floating label" + - text: Floating + - group: + - article: + - radiogroup "id-10300-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - status + - text: Floating + - group: + - article: + - radiogroup "id-10301-Floating": + - list: + - listitem: + - radio "Option 1" + - text: Option 1 + - listitem: + - radio "Option 2" + - text: Option 2 + - listitem: + - radio "Option 3" + - text: Option 3 + - listitem: + - radio "Option 4" + - text: Option 4 + - listitem: + - radio "Option 5" + - text: Option 5 + - text: Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index e9106b1e8a99..d0d851fd5a86 100644 Binary files a/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index a389a4065c88..f01df7c85c83 100644 Binary files a/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 70f4ea11f3c0..e5bb898ade28 100644 Binary files a/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 9314fc2e78a9..58d588d2e8c0 100644 Binary files a/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-chrome/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 435d639edbf5..2209f02bdb26 100644 Binary files a/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/mobile-safari/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png index 1e2e29c69d7a..ebeabb535578 100644 Binary files a/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png and b/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png differ diff --git a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml index 162dc68f8a03..d0ecd7f1ad92 100644 --- a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml +++ b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml @@ -203,6 +203,11 @@ - /placeholder: Readonly - Filled - text: Readonly - Filled - status + - text: Label + - textbox "Label": + - /placeholder: Invalid + - text: Invalid Message + - status - link "Example - Types - Floating Label" - text: Label - textbox "Label": diff --git a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 458c3fa96138..5db9a5f1ade4 100644 Binary files a/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium-highContrast/DBSelect-should-match-screenshot-1/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 c4259f85b8e2..b7ec1f3b4df9 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 @@ -254,4 +254,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 2628101830c3..e0d0767f3e7e 100644 Binary files a/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/chromium/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ 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 c4259f85b8e2..b7ec1f3b4df9 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 @@ -254,4 +254,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 47dff8fe05df..75c194b254ea 100644 Binary files a/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/firefox/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ 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 c4259f85b8e2..b7ec1f3b4df9 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 @@ -254,4 +254,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 068dc74a141f..84a228ecbc8c 100644 Binary files a/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-chrome/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ 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 c4259f85b8e2..b7ec1f3b4df9 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 @@ -254,4 +254,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 26f07e613681..10633907a4cb 100644 Binary files a/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/mobile-safari/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ 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 f792802b86d9..a75015e67677 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 @@ -263,4 +263,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png index 2cffc62d408c..5fc6e7e0ca5c 100644 Binary files a/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png and b/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png differ 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 f792802b86d9..a75015e67677 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 @@ -263,4 +263,14 @@ - option - option "Disabled" [selected] - option "Option 2" + - status + - text: Label + - combobox "Label": + - option [selected] + - option "Option 1" + - option "Option 2" + - option "Option 3" + - option "Option 4" + - option "Option 5" + - text: Invalid Invalid Message - status \ No newline at end of file diff --git a/packages/components/src/styles/internal/_form-components.scss b/packages/components/src/styles/internal/_form-components.scss index 8e2dc97dccb5..5fb9eda704f6 100644 --- a/packages/components/src/styles/internal/_form-components.scss +++ b/packages/components/src/styles/internal/_form-components.scss @@ -138,7 +138,8 @@ $db-min-inline-size: var( @extend %db-overwrite-font-size-sm; inset-block-start: calc( - 50% - 0.5em + #{variables.$db-spacing-fixed-3xs} + variables.$db-sizing-md / 2 - 0.5em + + #{variables.$db-spacing-fixed-3xs} ); } diff --git a/showcases/shared/custom-select.json b/showcases/shared/custom-select.json index 6efcd188b712..fee08d6d5a8c 100644 --- a/showcases/shared/custom-select.json +++ b/showcases/shared/custom-select.json @@ -2581,5 +2581,81 @@ "children": [] } ] + }, + { + "name": "Examples Floating label", + "examples": [ + { + "name": "Floating", + "style": { + "width": "200px" + }, + "props": { + "options": [ + { + "value": "Option 1", + "id": "otbjunoyx" + }, + { + "value": "Option 2", + "id": "ju53v02yg" + }, + { + "value": "Option 3", + "id": "ju53v03yg" + }, + { + "value": "Option 4", + "id": "ju53v04yg" + }, + { + "value": "Option 5", + "id": "ju53v05yg" + } + ], + "label": "Label", + "variant": "floating", + "value": ["Floating Label"], + "id": "id-10300" + }, + "children": [] + }, + { + "name": "Floating", + "style": { + "width": "200px" + }, + "props": { + "options": [ + { + "value": "Option 1", + "id": "otbjunoyx" + }, + { + "value": "Option 2", + "id": "ju53v02yg" + }, + { + "value": "Option 3", + "id": "ju53v03yg" + }, + { + "value": "Option 4", + "id": "ju53v04yg" + }, + { + "value": "Option 5", + "id": "ju53v05yg" + } + ], + "label": "Label", + "variant": "floating", + "id": "id-10301", + "validation": "invalid", + "invalidMessage": "Invalid Message" + }, + "children": [] + } + ] } ] diff --git a/showcases/shared/input.json b/showcases/shared/input.json index 54bfd7fd8eb5..2830dbe84a70 100644 --- a/showcases/shared/input.json +++ b/showcases/shared/input.json @@ -428,6 +428,15 @@ "readOnly": true, "variant": "floating" } + }, + { + "name": "Invalid", + "props": { + "label": "Label", + "validation": "invalid", + "invalidMessage": "Invalid Message", + "variant": "floating" + } } ] }, diff --git a/showcases/shared/select.json b/showcases/shared/select.json index 6051b19109ab..ff4b9009dafc 100644 --- a/showcases/shared/select.json +++ b/showcases/shared/select.json @@ -786,6 +786,36 @@ "value": "Disabled", "placeholder": "Disabled" } + }, + { + "name": "Invalid", + "style": { + "width": "300px" + }, + "props": { + "options": [ + { + "value": "Option 1" + }, + { + "value": "Option 2" + }, + { + "value": "Option 3" + }, + { + "value": "Option 4" + }, + { + "value": "Option 5" + } + ], + "label": "Label", + "placeholder": "Invalid", + "variant": "floating", + "validation": "invalid", + "invalidMessage": "Invalid Message" + } } ] }