element-plus [Component] [popper] popover组件弹出框中使用input,点击input获取焦点,然后使用中文输入,鼠标如果进入输入法的框中会导致popover消失

83qze16e  于 5个月前  发布在  其他
关注(0)|答案(4)|浏览(93)

Bug Type: Component

Environment

  • Vue Version: 3.3.4
  • Element Plus Version: 2.3.3
  • Browser / OS: chrome
  • Build Tool: Vite

Reproduction

  • el-popper

Element Plus Playground

Steps to reproduce

popover中使用input,使用中文输入

What is Expected?

鼠标进入输入法中popover不会消失

What is actually happening?

鼠标进入输入法中popover会消失

Additional comments

(empty)

cclgggtu

cclgggtu2#

因为鼠标进入输入法窗口在windows中表现就是判定为离开元素,可以考虑试试受控模式

9bfwbjaz

9bfwbjaz3#

有个取巧的办法,在input监听 compositionstartcompositionend 事件,然后修改popover触发方式:

<el-popover :trigger="trigger">

<a-input
    @compositionstart="trigger = 'click'"
    @compositionend="trigger = 'hover'"
/>
utugiqy6

utugiqy64#

同样的问题😢😢😢

相关问题