(cloudstack) 01/01: Prevent multi-select dropdown menu from floating on scrolling through the form

[pearl11594]

This is an automated email from the ASF dual-hosted git repository.

pearl11594 pushed a commit to branch fix-floating-dropdown-menu
in repository https://gitbox.apache.org/repos/asf/cloudstack.git

commit a8ed01a3bc56d014d56f7757ab04f16f82c73578
Author: Pearl Dsilva <pearl1...@gmail.com>
AuthorDate: Thu Jul 17 11:59:21 2025 -0400

    Prevent multi-select dropdown menu from floating on scrolling through the 
form
---
 ui/src/views/offering/AddComputeOffering.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/src/views/offering/AddComputeOffering.vue 
b/ui/src/views/offering/AddComputeOffering.vue
index 1fd600ae566..070418088a2 100644
--- a/ui/src/views/offering/AddComputeOffering.vue
+++ b/ui/src/views/offering/AddComputeOffering.vue
@@ -307,6 +307,7 @@
             mode="multiple"
             v-model:value="form.zoneid"
             showSearch
+            :getPopupContainer="(trigger) => trigger.parentNode"
             optionFilterProp="label"
             :filterOption="(input, option) => {
               return option.label.toLowerCase().indexOf(input.toLowerCase()) 
>= 0