我有一个简单的html布局与按钮连接到Mui Menu，我想添加一个div以上的按钮.如下面的简短示例所示:
<div id='initially-not-rendered-div'
style={{ height: "50px", width: "200px", backgroundColor: "blue" }}
/>
<Button>
Dashboard
</Button>
<Menu>
<MenuItem></MenuItem>
<MenuItem></MenuItem>
</Menu>如果菜单按钮部分脱离屏幕，如下图所示:
菜单会使屏幕稍微向上滚动，这样按钮就完全可见了.
我的问题是，当我在滚动后的菜单上方添加div，然后关闭菜单时，在大多数情况下，屏幕滚动会跳到屏幕中间的某个地方，如您在那里看到的:
你可以试试full problem example here美元.只需滚动第一张图片中所示的按钮，然后单击它并关闭菜单.
在谷歌Chrome上进行了测试.
我试着用来修复它
事件.预防默认()； Vent.stopPropagation()；
在我的代码中的所有点击事件上(就像你在codesandbox link中看到的那样)，但它没有帮助.
我怎样才能摆脱这种由Menu引起的自动滚动行为？