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
Checkmk · Nov 20, 2024 · 02c9ec3 · 02c9ec3
1 parent 2f058d2
commit 02c9ec3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -18,8 +18,6 @@ const props = defineProps<CollapsibleContentProps>()
 
 <style scoped>
 .ui-collapsible-content {
-  overflow: hidden;
-
   &[data-state='open'] {
     animation: slideDown 300ms ease-out;
   }