title: Tab button skips alwas one input - Angular 11
body: <p>I have a trivial problem - TAB skips always one input when pressed
  (I don't use &quot;tabindex&quot; property). When I press TAB button, browser focus goes FROM 'A' to 'C', then from 'C' to 'E' etc. When I change focus manually (using mouseclick) on input &quot;i+1&quot;, it skips those inputs which were previously working.</p>
  <p>I am using Angular 11. Here is code:</p>
  <pre><code>&lt;p-dialog header=&quot;xxx&quot; [(visible)]=&quot;displayModal&quot; [modal]=&quot;true&quot; [style]=&quot;{width: '65vw'}&quot; [baseZIndex]=&quot;10000&quot;
             &gt;
      &lt;div&gt;
              &lt;label&gt;A&lt;/label&gt; &lt;div&gt;&lt;input  type=&quot;text&quot; pInputText /&gt;&lt;/div&gt;
              &lt;label&gt;B&lt;/label&gt; &lt;div&gt;&lt;input  type=&quot;text&quot; pInputText/&gt;&lt;/div&gt;
              &lt;label&gt;C&lt;/label&gt; &lt;div&gt;&lt;input  type=&quot;text&quot; pInputText /&gt;&lt;/div&gt;
              &lt;label&gt;D&lt;/label&gt; &lt;div&gt;&lt;input  type=&quot;text&quot; pInputText /&gt;&lt;/div&gt;
              &lt;label&gt;E&lt;/label&gt;&lt;div&gt;&lt;input  type=&quot;text&quot; pInputText /&gt;&lt;/div&gt;
              &lt;label&gt;F&lt;/label&gt;&lt;div&gt; &lt;input  type=&quot;text&quot; pInputText /&gt;&lt;/div&gt;        
      &lt;/div&gt;
  
  &lt;/p-dialog&gt;
  
  </code></pre>
  <p>This code is put inside p-dialog which is located in another p-dialog.
  I don't have these kind of problems in any other part of my project.</p>