angular - Angular Material - Datepicker 越界

Question

我正在使用 Angular 4 和 Material 2

我有一个带有打开日​​期选择器的按钮的输入

我使用 flex-layout 将按钮推到屏幕的右侧，如下所示：

<div fxFlex>

      <span fxFlex></span>

      <md-input-container>
        <input mdInput placeholder="Search in Date" [mdDatepicker]="myDatepicker">
        <button mdSuffix [mdDatepickerToggle]="myDatepicker"></button>
      </md-input-container>
      <md-datepicker #myDatepicker></md-datepicker>
    </div>

问题是无论何时打开日期选择器，它的一部分都会隐藏在窗口的边界之外

而且没有办法向右滚动...

我怎样才能绕过它？

Answer 1

我更新到最新的@angular/material 版本，从 2.0.0-beta.6 到 2.0.0-beta.7，现在可以正常工作了。我猜这是他们在最新版本中修复的错误。