当页面/选项卡失去焦点时，Mui Snackbar autoHideDuration 会暂停

Question

我一直在使用 MUI Snackbar 及其 autoHideDuration 选项，但在测试时我注意到，当页面失去焦点时（例如当您转到另一个选项卡时），它会暂停并且小吃栏会保持显示，直到您再次关注页面。

您甚至可以在 MUI 页面示例上进行测试：https://mui.com/material-ui/react-snackbar/

只需在屏幕上并排放置两个选项卡，触发小吃栏，单击另一个选项卡，小吃栏将一直显示，直到您单击返回 MUI 页面。

这是否只是某些无法避免的实现细节的副作用？有什么办法解决这个问题吗？我可以在 Chrome 和 FF 中重现这个。

Answer 1

您可以实现您所描述的行为。

只需将 Snackbar 上的属性

disableWindowBlurListener

设置为

true

:

<Snackbar open autoHideDuration={ 3000 } disableWindowBlurListener>
  ...
</Snackbar>

这是文档。

已在此处进行了讨论并由此 PR解决。