Angular 在对话框中使用mat扩展面板会导致滚动到页面底部

当显示包含

的对话框（带有dialog.open）时，我发现浏览器会将此面板滚动到视图中（如果它位于页面底部）

这似乎是Chrome和IE的一个问题。 我尝试设置

expanded=“false”

但没有效果

请参见本stackblitz中的示例

在本例中，当您单击“单击”时，页面将滚动到扩展面板（尽管未打开对话框，我认为这是stackblitz问题）

编辑：

似乎是导致问题的

。

---

我已经在页面顶部添加了一个隐藏的垫子扩展面板标题，以获得焦点。

这不是一个bug。这是可以覆盖的所需行为。该对话框有一个聚焦陷阱，用于自动聚焦第一个可聚焦元素

要覆盖此选项，只需将

{autoFocus:false}

添加到对话框的open调用中

dialog.open（MyDialogComponent，{autoFocus:false}）

StackBlitz展示了问题和解决方案：
是的，我也有同样的问题。您是否编写了一个针对Angular Material repo的bug？仅供参考，Stackblitz出于某种原因不会加载您的示例。我在GitHub上打开了一个关于@Angular/Material的问题，这里是当前的Stackblitz：