Использование flex с двумя делениями 50% создает полосу прокрутки

Question

Я пытаюсь использовать MD-диалог с двумя 50% div.Как можно избежать полосы прокрутки внизу

Пока я пробовал это: И вот результат

<md-dialog id="testTemplate-dialog">
    <div layout="row">
        <md-input-container flex="50">
            <label>Test1</label>
            <input ng-model="$ctrl.test.Name" ng-required="true" />
        </md-input-container>

        <md-input-container flex="50">
            <label>Test2</label>
            <input ng-model="$ctrl.test.Description" ng-required="true" />
        </md-input-container>
    </div>
</md-dialog>

Answer 1

Похоже, вам нужно увеличить ширину matdialog: или вы можете просто скрыть переполнение с помощью css:

   #testTemplate-dialog{
     overflow: hidden;
     }