2015-06-10 41 views
1

這是一個Firefox問題,Chrome工作正常。md-sidenav溢出不起作用

Sidenav它不是「溢出」的內容

在行動中看到,只需訪問下面使用Firefox的鏈接,得到它的權利,使用Chrome。

Angular Material Demo v0.9.8

沒有什麼好說的。

任何提示?

<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> 

我注意到,當頁面加載時,其溢出閃爍。

+0

什麼是您使用的材料版本? – Sajeetharan

+0

我的版本0.9.8 –

+0

codepen似乎在其HTML中有錯誤。例如,有兩個''開始標籤。而且,由於不同的瀏覽器對錯誤的反應不同,所以你得到不同的結果並不奇怪。 –

回答

2

這是很容易固定,通過改變線16以下:

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

這不應該是必要的,而且我要看看現在增加了對這一權利的修正。同時,上述解決方案應該可行。