html Tab按钮跳过所有一个输入-Angular 11

bksxznpy  于 2023-01-24  发布在  Angular
关注(0)|答案(1)|浏览(137)

我有一个小问题--按下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中。我在项目的其他部分没有遇到过这样的问题。

xqk2d5yq

xqk2d5yq1#

我也遇到过同样的问题,我尝试过多次修复(如tabindex和删除放置输入的容器),但这些都没有帮助。
不过,我已经设法通过不嵌套p-dialog修复了这个问题(这似乎是PrimeNG对话框的问题)。
如果可能的话,您应该将p-dialog放在其他p-dialog之外。这为我解决了这个问题。

相关问题