Databases
StackOverflow2013
Postsdbo
POTab key not working in popup in chrome extension
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTab key not working in popup in chrome extension
    text
    copied!<p>I have created a chrome extension that has a popup with the following HTML markup in it:</p> <pre class="lang-html prettyprint-override"><code>&lt;html&gt; &lt;head&gt; &lt;style&gt; body { font-family: 'Open Sans',arial,sans-serif; background-color: #E5E5E5; font-size: 13px; text-shadow: 0px 1px rgba(255, 255, 255, 0.5); } &lt;/style&gt; &lt;/head&gt; &lt;script type="text/javascript"&gt;function sendRequest(s,r){ chrome.tabs.getSelected(null, function(tab) { chrome.tabs.sendRequest(tab.id, {search:s , replace:r}, function(response) { console.log(response.farewell); }); }); }; &lt;/script&gt; &lt;body&gt; &lt;label for="search"&gt;Search for&lt;/label&gt;&lt;input name="search" id="search"&gt;&lt;/input&gt; &lt;label for="replace"&gt;Replace with&lt;/label&gt;&lt;input name="replace" id="replace"&gt;&lt;/input&gt; &lt;button onclick="var s=document.getElementById('search').value;var r=document.getElementById('replace').value;sendRequest(s,r);"&gt;Go&lt;/button&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>When I open the popup, select the first input field and then press the tab key, the input field loses focus but the second one does not gain focus.</p> <p>If I then select the first one again and press tab once more, the second field gains focus. Pressing again makes the button gain focus and pressing a third time makes the first field gain focus once more.</p> <p>Does anyone know why the first tab key press would not work?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload