You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PrimeNG 10:对话框含下拉框后ESC快捷键失效问题求助

问题原因分析

这个问题的核心原因在于你给<p-dropdown>设置了appendTo="body"属性:

  • PrimeNG 10的<p-dialog>关闭ESC快捷键的监听逻辑,依赖焦点处于对话框内部元素范围内才能触发。
  • 当你设置appendTo="body"后,下拉框的DOM元素会被转移到页面的<body>节点下,脱离了对话框的DOM层级。
  • 点击下拉框展开选项时,焦点会转移到这个被移到body下的下拉组件上,此时按ESC键,事件会被下拉组件或body捕获,无法传递给对话框,导致对话框的closeOnEscape逻辑无法触发。

内容的提问来源于stack exchange,提问作者joinow

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 09:37:02