【问题标题】:react-responsive-modal, modal is flickering badly when openedreact-responsive-modal,模态在打开时闪烁严重
【发布时间】:2022-04-05 00:30:10
【问题描述】:

单击链接时,会打开一个模式。但模态闪烁严重。不知道为什么它会闪烁,是因为任何错误的属性或任何其他因素。这仅在 chrome 中发生,其他浏览器不显示此类问题。如何修复我的模态闪烁?

【问题讨论】:

  • 你做了什么调试?请提供重现该问题的Minimal, Complete, and Reproducible 代码示例。看看您是否可以在 Chrome 中运行的代码盒中重现它可能会有所帮助,您也可以在此处分享。
  • 这个问题是随机发生的。我创建了一个示例 poc 来附加,它没有显示这种行为。模态按预期工作。模态是否有通用的东西需要注意?
  • 好吧,我想我们首先应该弄清楚“闪烁”是什么意思。原因几乎可以是任何数量的东西。你说它只是在 chrome 中表现得很奇怪,所以做奇怪的状态更新可能不是罪魁祸首。如果没有可靠的重现或代码来查看,就很难提供更多帮助。

标签: reactjs modal-dialog flicker


【解决方案1】:

以防万一其他人有同样的问题。在我的情况下,它是由模态动画引起的,我通过在模态和覆盖上应用animation-fill-mode: forwards; 来修复它,并且闪烁停止

【讨论】:

    猜你喜欢
    • 2019-06-01
    • 1970-01-01
    • 2013-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-28
    • 1970-01-01
    • 2020-10-28
    相关资源
    最近更新 更多