Bug: 表格行编辑渲染Antd Select组件，编辑时无法选择下拉项

[mengyix]

Version

Vben Admin V5

Describe the bug?

Bug: 表格行编辑渲染Antd Select组件，编辑时无法选择下拉项

Reproduction

Bug: 表格行编辑渲染Antd Select组件，编辑时无法选择下拉项

QQ20241224-114836.mp4

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (22) x64 Intel(R) Core(TM) Ultra 9 185H
    Memory: 6.38 GB / 31.61 GB
  Binaries:
    Node: 20.18.0 - D:\env\nvm\nodejs\node.EXE
    npm: 10.8.2 - D:\env\nvm\nodejs\npm.CMD
    pnpm: 9.12.3 - ~\node_modules\.bin\pnpm.CMD
  Browsers:
    Edge: Chromium (128.0.2739.79)
    Internet Explorer: 11.0.22621.3527

Relevant log output

No response

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[zwtvip]

@mengyix 加这个属性getPopupContainer

[mengyix]

@zwtvip 在哪里加这个属性呢，我是用的是插槽式的。

{
field: 'dataType',
title: '类型',
slots: {
edit: 'edit_dataType',
},
editRender: {},
}

<template #edit_dataType="{ row }">
<a-select v-model:value="row.dataType" :options="dataTypeOption" placeholder="请选择类型" show-search
@change="dataTypeChangeHandler(row)" />

[zwtvip]

@mengyix a-select 加 去看下 ant select的api 文档

[mengyix]

@zwtvip 感谢，修改后如下可以解决
<a-select class="w-full" v-model:value="row.dataType"
:getPopupContainer="(triggerNode: any) => triggerNode.parentNode" :options="dataTypeOption"
placeholder="请选择类型" show-search @change="dataTypeChangeHandler(row)" />