2017-01-18 2 views
1

У меня есть следующий фрагмент кода:мкр-закладки группа содержимого вкладки не отображается его полная высоты

<md-tab-group> 
    <md-tab> 
    <template md-tab-label> 
     <em>Patients</em> 
    </template> 
    <div> 

     <epimss-race-olp></epimss-race-olp> 
    </div> 
    <!--<epimss-patient token = 'patient->registrant'></epimss-patient>--> 
    </md-tab> 

</md-tab-group> 

epimss-раса-OLP является UI высоты 200px. Однако на дисплее вместо пользовательского интерфейса отображаются вертикальные полосы прокрутки, смежные друг с другом. Прокрутка по полосам прокрутки показывает UI небольшую область за раз.

Почему пользовательский интерфейс не отображается в его entiriety?

ответ

0

Я бы увидеть файл CSS, но я думаю, что вы не давая пользовательский интерфейс достаточно места для отображения

попробовать этот

<div style="min-height:200px;min-width:200px;"> 
    <epimss-race-olp></epimss-race-olp> 
</div> 

или в соответствующем CSS для родительского элемента epimss -race-olp

{ 
    min-height:200px; 
    min-width:200px; 
} 
+0

Я уже пробовал ваше предложение, но все, что он делает, это нажать UI 200px под нажатой кнопкой мыши, чтобы отобразить его прикрепленное содержимое. Если вы прокручиваете, пользовательский интерфейс полностью отображается. Чтение [https://material.angular.io/components/component/tabs](https://material.angular.io/components/component/tabs)> Динамическая высота> По умолчанию группа вкладок не изменит свою высоту на высоту текущей активной вкладки. Чтобы изменить это, установите для параметра ** dynamicHeight ** значение true. Тело табуляции будет анимировать ее высоту в соответствии с высотой активной вкладки. Как вы устанавливаете dynamicHeight –

+0

мммм, возможно, это означает переполнение? попробуйте установить «переполнение: авто» в стиле или css – Leandro

Смежные вопросы