fix: z-index on one-of-select

koumoul-dev · Dec 19, 2024 · 5ab977a · 5ab977a
1 parent 89d32b3
commit 5ab977a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/lib/src/components/nodes/one-of-select.vue b/lib/src/components/nodes/one-of-select.vue
@@ -47,6 +47,10 @@ const onChange = (/** @type {string} */childTree) => {
 const fieldProps = computed(() => {
   const fieldProps = { ...inputProps.value }
   fieldProps['onUpdate:modelValue'] = onChange
+  if (!props.modelValue.options.readOnly) {
+    // vuetify zIndex stacking is buggy (for example https://github.com/vuetifyjs/vuetify/issues/16251)
+    fieldProps.menuProps = { zIndex: 3000 }
+  }
   const items = []
   for (const childTreePointer of skeleton.value.childrenTrees || []) {
     const childTree = props.statefulLayout.compiledLayout.skeletonTrees[childTreePointer]