在Chrome的初始页面加载中，按钮元素不可见

Question

我在chrome上有一个问题。我有一个具有以下CSS

的按钮

正在使用react渲染此按钮。我尝试通过将样式display:block添加到该类的css文件中以及在按钮上设置样式来设置样式。{p>

基本上，按钮的处理方式就像按钮上有display:none，但实际上没有。

奇怪的是，只要我调整窗口大小，按钮就会出现。即使我将窗口调整为原始大小，该按钮也不会消失（因此我不确定它是否是可弯曲的东西）。

此外，如果我更改按钮上的display属性（将其删除或将其更改为类似inline-flex之类的东西），该按钮将再次出现，但是如果没有它，就无法再次隐藏它明确设置display: none。

不太清楚这里的问题是什么，但是似乎特定于浏览器，并且与页面的初始加载有关。

这是html的样子：