PrimeNG 10:对话框含下拉框后ESC快捷键失效问题求助
问题原因分析
这个问题的核心原因在于你给<p-dropdown>设置了appendTo="body"属性:
- PrimeNG 10的
<p-dialog>关闭ESC快捷键的监听逻辑,依赖焦点处于对话框内部元素范围内才能触发。 - 当你设置
appendTo="body"后,下拉框的DOM元素会被转移到页面的<body>节点下,脱离了对话框的DOM层级。 - 点击下拉框展开选项时,焦点会转移到这个被移到body下的下拉组件上,此时按ESC键,事件会被下拉组件或body捕获,无法传递给对话框,导致对话框的
closeOnEscape逻辑无法触发。
内容的提问来源于stack exchange,提问作者joinow
相关产品推荐
相关产品推荐

