Snackbar 在部署时填满整个屏幕

Snackbar fills whole screen on deploy

过大的 snackbar 只发生在部署版本上,我不知道是什么原因造成的。但我希望有人可以帮助了解可以在 stackblitz 项目中进行哪些更改,以便该错误不会在部署时出现。或者这严格来说是 stackblitz to firebase 部署错误?

我发现了对类似问题的引用 here,解决方案似乎很简单,是由于没有正确关闭 html 标签或没有 html 文档类型声明。但是我尝试检查这两个东西,但在部署后它仍然发生。

重现步骤:

  1. 在 stackblitz 中打开 Basic snack-bar example
  2. 分叉项目并通过 stackblitz 执行 firebase 部署。
  3. Safari 中打开 deployed project 并召唤一个小吃店。

预期行为:

小吃店

实际行为:

超大号小吃店

环境:

Safari,在 Mac OS 和 IOS

我请求帮助确定 stackblitz 服务器和 fire-base 部署之间发生了什么变化,因为意外行为只在部署时出现。

无论如何,这似乎是一个 Material Angular 错误。正在修复中。

https://github.com/angular/components/issues/16605