我有一个小问题--按下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中。我在项目的其他部分没有遇到过这样的问题。
1条答案
按热度按时间xqk2d5yq1#
我也遇到过同样的问题,我尝试过多次修复(如tabindex和删除放置输入的容器),但这些都没有帮助。
不过,我已经设法通过不嵌套
p-dialog
修复了这个问题(这似乎是PrimeNG对话框的问题)。如果可能的话,您应该将
p-dialog
放在其他p-dialog
之外。这为我解决了这个问题。