Google reCaptcha验证弹出窗口在Mat对话框中无法正确显示

Question

我以角形材质对话框形式添加了Google reCaptcha。但是，当reCaptcha打开验证弹出窗口时，它将显示在表格上方，如图所示。

我还发现，每当打开垫对话框时，它将在html标签中添加负边距。如果我删除了边距，则验证码验证弹出窗口会放在正确的位置，但随后垫对话框无法正确显示。我很困惑如何使两个弹出窗口都在正确的位置。

Answer 1

不是最好的方法，但无论如何没关系。您可以创建一些 CSS 类，并top: 0 !important;在用户单击材质对话框中的 ReCaptcha 时将其应用到标签。并且不要忘记在 ReCaptcha 验证完成后或对话框关闭后删除该类。