隐藏的复选框里面有一个细节html标签

Question

details html标记的Safari 10.0.3实现中似乎存在错误：

我写了一个小jsfiddle（https://jsfiddle.net/tqtaea19/）来解释它。这是我的HTML代码：

<details open>

  <div>
    <input type="checkbox"> Item 1
  </div>

  <div class="hidden">
    <input type="checkbox"> Item 2
  </div>

  <div>
    <input type="checkbox"> Item 3
  </div>

</details>

和我的css：

.hidden {
  display: none;
}

问题出在这里：我第一次加载此页面。当我点击其中一个复选框时，摘要标记会暂时向下移动一个项目。然后，在我点击复选框的任何其他时间似乎都没有发生。

它似乎也没有发生：

• 当详细信息标记关闭以开始时。
Chrome中的

有没有人遇到过这个并且有解决方案？提前谢谢。