apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Prevent multi-select dropdown menu from floating on scrolling through the form (#11237)

Browse Source
This commit is contained in:
Pearl Dsilva 2025-07-28 05:20:42 -04:00 committed by GitHub
parent a4263da8ae
commit ca6d2dc57e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/views/offering/AddComputeOffering.vue
View File

@ -47,6 +47,7 @@
<tooltip-label :title="$t('label.systemvmtype')" :tooltip="apiParams.systemvmtype.description"/> <tooltip-label :title="$t('label.systemvmtype')" :tooltip="apiParams.systemvmtype.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.systemvmtype" v-model:value="form.systemvmtype"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -214,6 +215,7 @@
<tooltip-label :title="$t('label.deploymentplanner')" :tooltip="apiParams.deploymentplanner.description"/> <tooltip-label :title="$t('label.deploymentplanner')" :tooltip="apiParams.deploymentplanner.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.deploymentplanner" v-model:value="form.deploymentplanner"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -245,6 +247,7 @@
</a-form-item> </a-form-item>
<a-form-item name="pcidevice" ref="pcidevice" :label="$t('label.gpu')" v-if="!isSystem"> <a-form-item name="pcidevice" ref="pcidevice" :label="$t('label.gpu')" v-if="!isSystem">
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.pcidevice" v-model:value="form.pcidevice"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -260,6 +263,7 @@
</a-form-item> </a-form-item>
<a-form-item name="vgputype" ref="vgputype" :label="$t('label.vgputype')" v-if="vGpuVisible"> <a-form-item name="vgputype" ref="vgputype" :label="$t('label.vgputype')" v-if="vGpuVisible">
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.vgputype" v-model:value="form.vgputype"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -281,6 +285,7 @@
</template> </template>
<a-select <a-select
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.domainid" v-model:value="form.domainid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -305,6 +310,7 @@
<a-select <a-select
id="zone-selection" id="zone-selection"
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.zoneid" v-model:value="form.zoneid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -331,6 +337,7 @@
<tooltip-label :title="$t('label.vmware.storage.policy')" :tooltip="apiParams.storagepolicy.description"/> <tooltip-label :title="$t('label.vmware.storage.policy')" :tooltip="apiParams.storagepolicy.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.storagepolicy" v-model:value="form.storagepolicy"
:placeholder="apiParams.storagepolicy.description" :placeholder="apiParams.storagepolicy.description"
showSearch showSearch
@ -519,6 +526,7 @@
</template> </template>
<a-select <a-select
mode="tags" mode="tags"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.storagetags" v-model:value="form.storagetags"
showSearch showSearch
optionFilterProp="value" optionFilterProp="value"
@ -558,6 +566,7 @@
<br /><br /> <br /><br />
<a-form-item :label="$t('label.disk.offerings')" name="diskofferingid" ref="diskofferingid"> <a-form-item :label="$t('label.disk.offerings')" name="diskofferingid" ref="diskofferingid">
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.diskofferingid" v-model:value="form.diskofferingid"
:loading="loading" :loading="loading"
:placeholder="$t('label.diskoffering')"> :placeholder="$t('label.diskoffering')">

4
ui/src/views/offering/AddDiskOffering.vue
View File

@ -202,6 +202,7 @@
<tooltip-label :title="$t('label.storagetags')" :tooltip="apiParams.tags.description"/> <tooltip-label :title="$t('label.storagetags')" :tooltip="apiParams.tags.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
mode="tags" mode="tags"
v-model:value="form.tags" v-model:value="form.tags"
showSearch showSearch
@ -226,6 +227,7 @@
</template> </template>
<a-select <a-select
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.domainid" v-model:value="form.domainid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -250,6 +252,7 @@
<a-select <a-select
id="zone-selection" id="zone-selection"
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.zoneid" v-model:value="form.zoneid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -273,6 +276,7 @@
<tooltip-label :title="$t('label.vmware.storage.policy')" :tooltip="apiParams.storagepolicy.description"/> <tooltip-label :title="$t('label.vmware.storage.policy')" :tooltip="apiParams.storagepolicy.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.storagepolicy" v-model:value="form.storagepolicy"
:placeholder="apiParams.storagepolicy.description" :placeholder="apiParams.storagepolicy.description"
showSearch showSearch

3
ui/src/views/offering/AddNetworkOffering.vue
View File

@ -248,6 +248,7 @@
<tooltip-label :title="$t('label.serviceofferingid')" :tooltip="apiParams.serviceofferingid.description"/> <tooltip-label :title="$t('label.serviceofferingid')" :tooltip="apiParams.serviceofferingid.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
v-model:value="form.serviceofferingid" v-model:value="form.serviceofferingid"
@ -430,6 +431,7 @@
</template> </template>
<a-select <a-select
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.domainid" v-model:value="form.domainid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -454,6 +456,7 @@
<a-select <a-select
id="zone-selection" id="zone-selection"
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.zoneid" v-model:value="form.zoneid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"

3
ui/src/views/offering/AddVpcOffering.vue
View File

@ -104,6 +104,7 @@
<tooltip-label :title="$t('label.serviceofferingid')" :tooltip="apiParams.serviceofferingid.description"/> <tooltip-label :title="$t('label.serviceofferingid')" :tooltip="apiParams.serviceofferingid.description"/>
</template> </template>
<a-select <a-select
:getPopupContainer="(trigger) => trigger.parentNode"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
v-model:value="form.serviceofferingid" v-model:value="form.serviceofferingid"
@ -126,6 +127,7 @@
</template> </template>
<a-select <a-select
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.domainid" v-model:value="form.domainid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"
@ -150,6 +152,7 @@
<a-select <a-select
id="zone-selection" id="zone-selection"
mode="multiple" mode="multiple"
:getPopupContainer="(trigger) => trigger.parentNode"
v-model:value="form.zoneid" v-model:value="form.zoneid"
showSearch showSearch
optionFilterProp="label" optionFilterProp="label"