使用<tab>到字段</tab>在firefox中出现奇怪的行为

Question

我在firefox中有一个奇怪的行为（在其他浏览器中它工作正常）：

我有一堆字段，我想用键来标记。但不幸的是，这并不适用于所有领域。在某些情况下，你可以选择进入，但是一旦你在那里，一切都会被卡住，你无法选择或退回。

有趣的是，如果我用firebug检查字段并通过添加空格char（或其他任何东西）来编辑特定的输入字段并返回，则通过字段的Tab键可以正常工作。我真的不明白为什么会这样。因为我们正在使用backbone.js，它甚至可能与骨干而不是firefox相关......

以下代码显示了生成的HTML输出。此选项卡问题仅在输入字段时出现。选择部分工作正常。

<table width="100%" class="display bill">
    <thead>
        <tr>
            <th class="field-quantity">Quantity</th>
            <th class="field-price">Price</th>
            <th class="field-total">Total</th>
        </tr>
    </thead>
    <tbody class="list">
        <tr>
            <td class="bbf-field field-quantity numeric">
                <span class="editor">
                    <input type="number" value="1" class="" step="any" name="quantity" id="c378_quantity">
                </span>
            </td>
            <td class="bbf-field field-price numeric">
                <span class="editor">
                    <select id="c378_price" name="price">
                        <option value="4">64.00</option>
                    </select>
                </span>
            </td>
            <td class="bbf-field field-total numeric">
                <span class="editor">
                    <input type="text" readonly="readonly" name="total" id="c378_total">
                </span>
            </td>
        </tr>
    </tbody>
</table>