javascript - 为什么在我单击画布中的任何位置之前不会发生 CSS 动画？

Question

当我的页面最初加载时，菜单的动画转换不起作用，子菜单项只会出现。但是，当我单击画布上的任意位置甚至单击拖动滚动时，动画会再次起作用。如果我用键盘滚动或向上/向下翻页，它保持不变。这里有什么问题？有解决办法吗？

这是一个问题，因为没有动画，有一个隐藏菜单的死区。当动画工作时，死区不会发生。

网站：https ://www.kuulu.fi/

视频：https ://youtu.be/FB24v9RRM6I

这发生在 Linux 上的 Firefox 和 Chrome 中。（没有检查过其他人。）

标签： javascripthtmlcssbootstrap-4css-animations