Firefox错误或Flex样式不良？

Question

我真的不知道从哪里开始解决这个问题。

我有一个带有嵌套弹性框的应用，每个弹性框包含一个已旋转270度的范围。

它可以在chrome上运行，但在Firefox上，其初始加载方式如下：

如您所见，禁用的输入类型=标记为PPV（+）和NPV（-）的数字被奇怪地按下。但是，如果我检查元素，调整窗口大小或其他看似随机的触发器，它会迅速恢复正确的位置，与chrome相同：

可以看出铬与Firefox区别的笔： CodePen 有趣的是，删除这两种样式中的任何一种都会使浏览器之间的呈现效果相反（两种浏览器均正确显示）。

.inputDiv input[type=number] {font-size 1.3rem}

和

.inputDiv > .fuzzyDiv {margin-top: 15px}

有人知道这里发生了什么吗？

Answer 1

很多代码都在进行中。现在无法剖析所有内容。

但请注意以下规则：

当您关闭left: -126px时，元素将卡入到位。