Firefox 60.0.2无法正确呈现列表中的列

Question

编辑：链接到codepen上的复制 https://codepen.io/bedelman851/pen/oyWpGq

我有一个我应用columns: 3的ul。每个li都有一个输入/自定义标签。自定义标签具有以下相关的CSS。

input[type="checkbox"] + label:before {
  content: '';
  display: block !important; //ie fix
  width: 16px;
  height: 16px;
  border: 1px solid $dark-button;
  border-radius: 2px;
  position: absolute;
  background-color: $white;
  left: 0;
  top: 5px;
}

高度16px仍然应用于元素，但实际上当我检查元素时渲染为超过18px。所有其他正好是16px。这似乎只发生在最后一列的顶部。

它并不总是如你在这张照片中看到的那样发生。

但是我注意到第二张图片中的最后一列有时会出现这种情况。如果我进入检查员并单击高度以禁用它然后重新启用它，它会完美呈现。尝试添加！重要（上帝帮助我们）到高度，并添加一个最小高度。想法？

Answer 1

这是一个实际的firefox错误，一年后现已解决。 https://bugzilla.mozilla.org/show_bug.cgi?id=1468654