select icon indicating copy to clipboard operation
select copied to clipboard

模态框中的下拉菜单,打开时按下 ESC 会导致模态框也被关闭,未阻止事件传播

Open hallee9000 opened this issue 5 years ago • 0 comments

最近在搭配使用下拉选择和模态框,我发现当下拉菜单处于下拉状态时,按下 ESC 会导致模态框也跟着被关闭。如下图,左边的是我二次封装的,在按下 ESC 时处理了一下,阻止了事件向外传播,右边的是直接引用的,按下 ESC 时模态框也会被关闭(引入的都是 Antd,但应该不影响)。

复现代码:https://codesandbox.io/s/brave-sanne-11rpo

rc-select 关闭控制问题复现

我记得以前是不会这样的,翻看了源码,发现在早期版本中有下面的阻止事件传播代码,我尝试把这段代码添加到现在的版本上,发现是起作用的。不知道去掉这个逻辑的原因是什么?如果能加回来,感觉体验更好一些。

https://github.com/react-component/select/blob/50ce1a8e56d36444d6cc777abc2e0042669cba6d/src/Select.tsx#L402

hallee9000 avatar Sep 09 '20 03:09 hallee9000