md-sidenav 溢出不起作用

Question

这是 Firefox 的问题，Chrome 工作正常。

Sidenav 不是 "overflowing" 内容

要查看实际效果，只需使用 Firefox 访问下面的 link，正确使用 Chrome。

没什么好说的

有什么建议吗？

<div layout="row" flex>
   <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">
      <h1>Test</h1>
      ....
      ....  // overflow content
   </md-sidenav>
</div>

我注意到它在页面加载时溢出 blinks。

Answer 1

这很容易通过将第 16 行更改为以下内容来解决：

<div layout="row" flex style="overflow:hidden">

这应该不是必需的，我现在将考虑为此添加修复程序。同时，上述解决方案应该有效。

md-sidenav 溢出不起作用

md-sidenav overflow not working

css

angularjs

angular-material