From 28574ba70eab1fa0884291242b80af75a7390643 Mon Sep 17 00:00:00 2001 From: Bojan Rajh Date: Tue, 30 Jul 2024 16:25:33 +0200 Subject: [PATCH 1/3] fix: single-option mt-select --- .../mt-select-base/_internal/mt-select-selection-list.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue index 9f8a31ae2..1c10e623b 100644 --- a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue +++ b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue @@ -243,6 +243,14 @@ export default defineComponent({ list-style: none; width: calc(100% - 30px); + &:has(.mt-select-selection-list--single) { + flex-wrap: nowrap; + + .mt-select-selection-list--single { + max-width: 100%; + } + } + &--single { .mt-label { border: none; From 2c4e3deadea1a7efae6c61c8f715d654d5c26f83 Mon Sep 17 00:00:00 2001 From: Bojan Rajh Date: Thu, 5 Sep 2024 09:46:29 +0200 Subject: [PATCH 2/3] fix: allow search input to wrap in --- .../mt-select-base/_internal/mt-select-selection-list.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue index 6eff2ea8e..a719b72eb 100644 --- a/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue +++ b/packages/component-library/src/components/form/_internal/mt-select-base/_internal/mt-select-selection-list.vue @@ -247,6 +247,7 @@ export default defineComponent({ flex-wrap: nowrap; .mt-select-selection-list--single { + min-width: 0; max-width: 100%; } } From 8cf79b7429e967aa65a333171139218d202c97d8 Mon Sep 17 00:00:00 2001 From: Bojan Rajh Date: Thu, 5 Sep 2024 09:48:04 +0200 Subject: [PATCH 3/3] fix: changelog --- .changeset/neat-scissors-swim.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/neat-scissors-swim.md diff --git a/.changeset/neat-scissors-swim.md b/.changeset/neat-scissors-swim.md new file mode 100644 index 000000000..aefe908c9 --- /dev/null +++ b/.changeset/neat-scissors-swim.md @@ -0,0 +1,5 @@ +--- +"@shopware-ag/meteor-component-library": patch +--- + +Show label for single-option mt-select in full width