angular - 焦点不会停留在 PrimeNG 组件内

Question

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

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

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

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

Answer 1

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

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