The drop-down box will disappear when using a-input to get the focus in the a-select component custom menu dropdownRender

[HavocZhang]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.14

Environment

windows，所有浏览器

Reproduction link

https://www.antdv.com/components/select-cn/#components-select-demo-custom-dropdown

Steps to reproduce

在a-select组件自定义菜单dropdownRender中使用a-input获取焦点时下拉框会消失，如果使用@mousedown="e => e.preventDefault()"又无法获取a-input焦点

What is expected?

看了ant.design5.0.3希望能做到和这里面扩展菜单一样的样例
https://stackblitz.com/run?file=demo.js

What is actually happening?

看了之前提的这个问题，都没有解决

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[HavocZhang]

一直没人解决

[cereschen]

传递 open 监听 onDropdownVisibleChange 手动控制下拉框的显示
设置个属性 disableOpen来禁止关闭

                  onDropdownVisibleChange={(val) => {
                    if (!disableOpen.value) {
                      open.value = val
                    }
                  }}

在不想要关闭的地方

    onMousedown={(e) => {
                      disableOpen.value = true
                      setTimeout(() => {
                        disableOpen.value = false
                      }, 200)
                    }}

[RosApr]

我们可以通过判断当前鼠标操作的元素是否为该组件内的元素或者是列表内的元素来控制select dropdown的展示隐藏

demo
https://stackblitz.com/edit/vitejs-vite-7euxnh
欢迎交流指正

[AKclown]

onMousedown

感谢可以的