md-dialog中的Angular md-select

Question

我在md-select中使用md-dialog。下拉内容有一个滚动条，但我需要滚动窗口。

这是我的代码：

对话框（在script元素中）：

<md-dialog aria-label="Mango (Fruit)">
  <form ng-cloak>
    <md-toolbar>
      <div class="md-toolbar-tools">
        <h2>Click Select menu and then scroll the page</h2>
        <span flex></span>
        <md-button class="md-icon-button" ng-click="cancel()">
          <md-icon md-svg-src="img/icons/ic_close_24px.svg" aria-label="Close dialog"></md-icon>
        </md-button>
      </div>
    </md-toolbar>

    <md-dialog-content>
      <div class="md-dialog-content" layout="row" layout-align="center">

        <md-input-container flex="80">
          <label>Selcet your option</label>
          <md-select ng-model="size">
            <md-option value="option 1">option 1</md-option>
            <md-option value="option 2">option 2</md-option>
            <md-option value="option 3">option 3</md-option>
          </md-select>
        </md-input-container>
      </div>
    </md-dialog-content>

    <md-dialog-actions layout="row">
      <md-button href="http://en.wikipedia.org/wiki/Mango" target="_blank" md-autofocus>
        More on Wikipedia
      </md-button>
      <span flex></span>
      <md-button ng-click="answer('not useful')">
        Not Useful
      </md-button>
      <md-button ng-click="answer('useful')">
        Useful
      </md-button>
    </md-dialog-actions>
  </form>
</md-dialog>

问题是md-select的内容随着滚动而移动。任何人都可以建议我解决这个问题吗？我需要窗口和md-select内容滚动。提前谢谢。

Codepen