From 02c9ec3adf6fcd3892e55334c75b7135cd8a858b Mon Sep 17 00:00:00 2001
From: Moritz Kirschner <moritz.kirschner@checkmk.com>
Date: Wed, 20 Nov 2024 14:48:34 +0100
Subject: [PATCH] Fix dropdown position in scrolling slideout

This breaks the overflow in the collapsible content of a quick setup
flickering when switching through stages. Take care to not crop
dropdowns when addressing this issue.

CMK-19156

Change-Id: I84e0fcbf7ed7c449d12235a7dfb2376d2775e48c
---
 packages/cmk-frontend-vue/src/components/CmkDropdown.vue      | 4 +++-
 .../src/components/ui/collapsible/CollapsibleContent.vue      | 2 --
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/cmk-frontend-vue/src/components/CmkDropdown.vue b/packages/cmk-frontend-vue/src/components/CmkDropdown.vue
index a02ecea079c..84adb782dc2 100644
--- a/packages/cmk-frontend-vue/src/components/CmkDropdown.vue
+++ b/packages/cmk-frontend-vue/src/components/CmkDropdown.vue
@@ -106,6 +106,7 @@ function wrap(index: number, length: number): number {
         if (suggestionsShown) suggestionsShown = false
       }
     "
+    class="cmk_dropdown__container"
   >
     <CmkButton
       :id="componentId"
@@ -148,8 +149,9 @@ function wrap(index: number, length: number): number {
 </template>
 
 <style scoped>
-div {
+.cmk_dropdown__container {
   display: inline-block;
+  position: relative;
 }
 
 .drop-down {
diff --git a/packages/cmk-frontend-vue/src/components/ui/collapsible/CollapsibleContent.vue b/packages/cmk-frontend-vue/src/components/ui/collapsible/CollapsibleContent.vue
index 62df5276a29..d2068f647a0 100644
--- a/packages/cmk-frontend-vue/src/components/ui/collapsible/CollapsibleContent.vue
+++ b/packages/cmk-frontend-vue/src/components/ui/collapsible/CollapsibleContent.vue
@@ -18,8 +18,6 @@ const props = defineProps<CollapsibleContentProps>()
 
 <style scoped>
 .ui-collapsible-content {
-  overflow: hidden;
-
   &[data-state='open'] {
     animation: slideDown 300ms ease-out;
   }