Chrome扩展弹出窗口中的焦点顺序

Question

今天我制作了第一个Chrome扩展程序，它运行良好。

此扩展非常简单，允许用户在法语和荷兰语中创建词汇表。

当弹出窗口打开时，第一个字段具有焦点，因为我使用.focus（）。没关系。 但是当我按 TAB 键时，焦点消失。我不知道它去了哪里。 如果我点击第一个字段，那么我可以飞到第二个字段，然后转到提交按钮。 我不想点击该字段。我的目标是仅在键盘上使用此扩展程序。

我尝试用'tabindex'来解决这个问题，但它没有用。

这是 popup.html

的代码（简化）

<div>
<form action="#">
    <div><h1>Vocabulaire / Woordenschat</h1></div>
    <div><label for="fr">FR:</label><input type="text"   id="fr"></div>
    <div><label for="nl">NL:</label><input type="text"  id="nl"></div>
    <div><input type="submit" id="enregistrer" value="Sturen"></div>
</form>

我使用Chrome版本24.0.1312.57 m

任何想法？