From 155549a2ec3b3577dc0bcc14636e0465eb09d437 Mon Sep 17 00:00:00 2001
From: nobswebdev <nobswebdev@noreply.git.nobswebdev.com>
Date: Fri, 11 Sep 2026 21:27:17 +0200
Subject: [PATCH] Align CMS select dropdowns with their inputs using
 fit-input-width.

Remove global el-select popper width caps that caused mismatched dropdown sizing on full-width fields.
---
 cms/src/components/DiscountScopePicker.vue |  3 +++
 cms/src/components/wallet/MoneroWallet.vue |  7 ++++++-
 cms/src/styles/responsive.scss             | 14 --------------
 cms/src/views/CmsProductDetailView.vue     |  1 +
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/cms/src/components/DiscountScopePicker.vue b/cms/src/components/DiscountScopePicker.vue
index bcdd8a4..aa45d02 100644
--- a/cms/src/components/DiscountScopePicker.vue
+++ b/cms/src/components/DiscountScopePicker.vue
@@ -17,6 +17,7 @@
                     collapse-tags
                     :max-collapse-tags="3"
                     collapse-tags-tooltip
+                    fit-input-width
                     class="cms-scope-select"
                     placeholder="Select categories"
                     @update:model-value="value => updateScope({ categoryIds: value })"
@@ -42,6 +43,7 @@
                     collapse-tags
                     :max-collapse-tags="3"
                     collapse-tags-tooltip
+                    fit-input-width
                     class="cms-scope-select"
                     :remote-method="loadProducts"
                     :loading="productSearchLoading"
@@ -69,6 +71,7 @@
                     collapse-tags
                     :max-collapse-tags="3"
                     collapse-tags-tooltip
+                    fit-input-width
                     class="cms-scope-select"
                     :remote-method="loadVariants"
                     :loading="variantSearchLoading"
diff --git a/cms/src/components/wallet/MoneroWallet.vue b/cms/src/components/wallet/MoneroWallet.vue
index 41b7f0d..eb6795d 100644
--- a/cms/src/components/wallet/MoneroWallet.vue
+++ b/cms/src/components/wallet/MoneroWallet.vue
@@ -58,7 +58,12 @@
                     </el-form-item>
 
                     <el-form-item label="Fee priority" prop="priority">
-                        <el-select v-model="withdrawForm.priority" class="fee-priority-select" :disabled="withdrawing">
+                        <el-select
+                            v-model="withdrawForm.priority"
+                            class="fee-priority-select"
+                            fit-input-width
+                            :disabled="withdrawing"
+                        >
                             <el-option
                                 v-for="option in moneroWithdrawPriorityOptions"
                                 :key="option.value"
diff --git a/cms/src/styles/responsive.scss b/cms/src/styles/responsive.scss
index 709210c..cd052c9 100644
--- a/cms/src/styles/responsive.scss
+++ b/cms/src/styles/responsive.scss
@@ -16,16 +16,6 @@
     padding: 24px;
 }
 
-.el-select__popper {
-    max-width: min(560px, calc(100vw - 32px));
-}
-
-.el-select-dropdown__item {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
 @media (max-width: $cms-bp-tablet) {
     html,
     body,
@@ -114,10 +104,6 @@
         width: min(180px, calc(100vw - 10px)) !important;
     }
 
-    .el-select__popper {
-        max-width: calc(100vw - 10px);
-    }
-
     .cms-gate {
         padding: 12px 5px;
     }
diff --git a/cms/src/views/CmsProductDetailView.vue b/cms/src/views/CmsProductDetailView.vue
index c0db755..fb8afeb 100644
--- a/cms/src/views/CmsProductDetailView.vue
+++ b/cms/src/views/CmsProductDetailView.vue
@@ -49,6 +49,7 @@
                                     collapse-tags
                                     :max-collapse-tags="3"
                                     collapse-tags-tooltip
+                                    fit-input-width
                                     placeholder="Select categories"
                                 >
                                     <el-option