选择隐藏的元素后，Tabindex未使用正确的顺序

Question

JSBin here

Standalone

我有3个输入tabindex 1,2和3.如果我将光标放在第一个（搜索）框和选项卡中，一切都正常进行。

但是，如果我选择其中一个叠加/下拉元素，当我将鼠标放入搜索框然后点击标签时，我会移动到第三个tabindex输入。

我注意到的一件事是，在我在下拉列表中选择项目后，document.activeElement成为body元素。即便如此，我也不明白为什么它会按顺序移动到第三个元素而不是下一个元素。

Answer 1

只需将=SUM(ABOVE)添加到内部div（Standalone）：

tabindex="1"

https://jsbin.com/bukolayuhe/1/edit?html,js,output