焦点不会停留在 PrimeNG <p-dialog> 组件内

Question

我在项目中一直使用PrimeNG。我遇到一个关于
p-dialog 组件焦点的问题。即使在 PrimeNG 网站给出的示例中，我们也能够重现此问题。例如https://www.primefaces.org/primeng/#/dialog
重现此内容的步骤：

1. 单击“显示”按钮
2. 按键盘上的“Tab”。

您可以看到焦点丢失并转到后屏幕。
现在我尝试使用modal文档中提供的属性以及值modal或true。

有人遇到过这个问题吗？我有什么遗漏的吗？
当对话框打开时，我应该如何保持和限制焦点在对话框上而不是在后屏幕上？

Answer 1

使用onShow()primeng 对话框，并在该函数中使用 queryselector 选择 dom 元素作为 HTMLElement 并调用 focus() 函数。前任：

onShow() {
    (document.querySelector('input[name="time"]') as HTMLElement).focus();
}