Tab按钮总是跳过一个输入——Angular 11

Question

我有一个小问题- TAB在按下时总是跳过一个输入(我不用"tabindex";属性)。当我按TAB键时，浏览器的焦点从"A"到"C"，然后从"C"到"E"等等。当我在输入"I +1"上手动改变焦点时(使用鼠标点击)，它会跳过那些以前工作的输入。

我使用的是Angular 11。下面是代码:

<p-dialog header="xxx" [(visible)]="displayModal" [modal]="true" [style]="{width: '65vw'}" [baseZIndex]="10000"
>
<div>
<label>A</label> <div><input  type="text" pInputText /></div>
<label>B</label> <div><input  type="text" pInputText/></div>
<label>C</label> <div><input  type="text" pInputText /></div>
<label>D</label> <div><input  type="text" pInputText /></div>
<label>E</label><div><input  type="text" pInputText /></div>
<label>F</label><div> <input  type="text" pInputText /></div>        
</div>
</p-dialog>

此代码放在位于另一个p-dialog中的p-dialog中。在我的项目的任何其他部分，我都没有遇到过这种问题。

Answer 1

我遇到了同样的问题，我已经尝试了多种修复(如tabindex和删除输入放置的容器)，但是这些都没有帮助。

然而，我已经设法通过不嵌套来解决这个问题。p-dialog(这似乎是一个问题从PrimeNG对话框

) .如果可能的话，你应该把p-dialog放在其他p-dialog的外面。这为我解决了这个问题。