在重新加载之前，Safari浏览器中不会显示有角的sidenav响应菜单按钮（可能的错误）

Question

使用角度6和角度材料6，我使用cli生成了响应导航：

$ ng generate @angular/material:materialNav --name shared/navigation

它使用工具栏和app / shared / navigation内部的sidenav生成了组件。

然后，我从app.component.html中删除了<router-outlet></router-outlet>并将标签<navigation></navigation>放在了它的位置。

然后，将router-outlet和app-footer放在mat-sidenav-content之后的mat-toolbar内的导航组件中。

我不喜欢路由器出口和页脚的放置位置，也不喜欢边栏如何推送所有内容，工具栏和页脚。而且我不喜欢在桌面上显示侧边栏时该工具栏更短，并且如果工具栏中的徽标居中，则它不再居中。

除了这些我不喜欢的东西之外，一切似乎都可以正常工作，直到我用野生动物园测试了响应能力。如果我在台式机上并使用移动设备，则不会显示用于显示侧边栏的菜单按钮。如果我用移动设备大小重新加载页面，则会显示菜单按钮。但是，如果我随后将其调整为桌面大小，则sidenav的菜单按钮仍然存在，并且不会消失。在chrome中，这种方法可以正常工作，但在Safari中则不能。

我将angular-cli更新为7.0.6，将angle-cli更新为7.0.4，将材质angle更新为7.0.4，但对于safari，仍然存在相同的问题，但仅限于safari。

编辑：我将angular-cli和angular再次更新为最新版本。我删除了导航组件并按照上面的描述再次生成。 Safari仍然是同样的问题。

编辑2：很容易重现此问题。您只需要：

$ ng new myproject
$ ng generate @angular/material:materialNav --name navigation
// remove <router-outlet></router-outlet> and add <navigation></navigation> to the app.component.html
$ ng serve

并在野生动物园中对其进行测试（它在chrome和firefox中可以正常工作）。