<ul dir="auto">
<li>Electron Version: 2.0.0</li>
<li>Operating System (Platform and Version): Windows 10</li>
<li>Last known working Electron version:</li>
</ul>
<p dir="auto"><strong>Expected Behavior</strong><br>
I have a <code class="notranslate">&lt;webview&gt;</code> that points to a page with an <code class="notranslate">&lt;input&gt;</code> field. When I tab from that input field, I expect focus to wrap around back to the input field.</p>
<p dir="auto"><strong>Actual behavior</strong><br>
Focus goes off screen and is lost forever (I can't Tab or Shift+Tab back to the input field like I can in a browser). I added a handler on the <code class="notranslate">document</code> to see what we're focused on and verified that we're not focused on anything:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="document.addEventListener(&quot;keydown&quot;, function(e) {
    console.log(document.activeElement);
});"><pre class="notranslate"><code class="notranslate">document.addEventListener("keydown", function(e) {
    console.log(document.activeElement);
});
</code></pre></div>
<p dir="auto">After tabbing away from the input field (twice - the first tab gets me the input field itself), that line doesn't log an element.</p>
<p dir="auto"><strong>To Reproduce</strong><br>
Create a test page:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;body&gt;
    &lt;input type=&quot;text&quot; width=&quot;200&quot; /&gt;
&lt;/body&gt;"><pre class="notranslate"><code class="notranslate">&lt;body&gt;
    &lt;input type="text" width="200" /&gt;
&lt;/body&gt;
</code></pre></div>
<p dir="auto">In the electron-quick-start app, replace the contents of the  <code class="notranslate">body</code> tag in index.html with:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;webview src=&quot;http://localhost:1234/testpage.html&quot;/&gt;"><pre class="notranslate"><code class="notranslate">&lt;webview src="http://localhost:1234/testpage.html"/&gt;
</code></pre></div>
<p dir="auto">Focus on the <code class="notranslate">&lt;input&gt;</code> and tab a couple times. Focus never wraps around to the <code class="notranslate">&lt;input&gt;</code> like it would in Chrome.</p>
<ul dir="auto">
<li>Electron Version: 2.0.0</li>
<li>Operating System (Platform and Version): Windows 10</li>
<li>Last known working Electron version:  N/A</li>
</ul>
<p dir="auto"><strong>Expected Behavior</strong><br>
If the last focusable HTML element is focused and I press 'tab', then the next thing that is focused should either be the first focusable HTML element, or if not, then whatever is focused should have a visible focus.</p>
<p dir="auto"><strong>Actual behavior</strong><br>
Something is being focused (I think it is the entire HTML document?) and there is no visual indication as to what it is. It is fine that this other thing is being focused, what is not fine is that I/a user does not know where the keyboard focus has gone.</p>
<p dir="auto"><strong>To Reproduce</strong></p>
<ul dir="auto">
<li>Checkout the <a href="https://github.com/electron/electron-quick-start">electron-quick-start</a>- Put an <code class="notranslate">&lt;input type="text"/&gt;</code> before the <code class="notranslate">renderer.js</code> script</li>
<li>Launch quick start</li>
<li>Set focus in the input</li>
<li>Press 'tab'</li>
</ul>