裁剪的元素不会触发滚动

Question

上下文：

• 有一个可滚动的容器
• 容器内有许多复选框

会发生什么：

• 未选中复选框且焦点未对准时，按箭头键可按预期滚动容器

• 当复选框被裁剪并处于焦点位置时，按箭头键不会滚动容器

它被裁剪（仅sr）的原因是由于可访问性。使用隐藏的可见性无法解决问题。

有效的方法：

最后我只能使用

宽度：0像素，效果很好

或

不透明度：0，因为宽度：0px不适用于Firefox。

问题： 知道为什么被裁剪的元素不会触发相同的响应，因为引导程序仅提供sr，并且我们已在多个地方使用了它。有更好的解决方案吗？