2015-06-10 1 views
1

Это проблема с Firefox, Chrome работает нормально.md-sidenav overflow не работает

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

В кодеке есть код ошибки. Например, есть два '' стартовых тега. А поскольку разные браузеры по-разному реагируют на ошибки, ну, неудивительно, что вы получаете разные результаты. –

ответ

2

Это довольно легко исправить, изменив строку 16 на следующее:

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

Это не должно быть необходимым, и я буду смотреть в добавление исправления для этого прямо сейчас. В то же время решение выше должно работать.