From ba2a92d3a662e90c4b06f0aeb0a20883295a7d93 Mon Sep 17 00:00:00 2001
From: Chaitanya Sonwane <chaitanyadsonwane2002@gmail.com>
Date: Sat, 8 Mar 2025 10:26:10 -0800
Subject: [PATCH] Fixed sorting dropdown overflow when many filters are applied

---
 .../credentials/components/credentials_filter_sort_app.vue     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue b/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
index a1c5979ffe12e..f4904e512096c 100644
--- a/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
+++ b/app/assets/javascripts/credentials/components/credentials_filter_sort_app.vue
@@ -56,6 +56,7 @@ export default {
 <template>
   <div class="gl-flex gl-flex-col gl-gap-3 md:gl-flex-row">
     <gl-filtered-search
+      class="gl-min-w-0 gl-grow"
       :value="tokens"
       :placeholder="s__('CredentialsInventory|Search or filter credentials...')"
       :available-tokens="availableTokens"
@@ -66,7 +67,7 @@ export default {
     <gl-sorting
       v-if="!hasKey"
       block
-      dropdown-class="gl-w-full"
+      dropdown-class="gl-w-full !gl-flex"
       :is-ascending="sorting.isAsc"
       :sort-by="sorting.value"
       :sort-options="$options.SORT_OPTIONS"
-- 
GitLab