2017-08-07 141 views
0

我用角4材料2角材料 - 日期選擇器移離邊界

enter image description here

我有打開日期選擇器

enter image description here

我一個按鈕的輸入使用彈性佈局將按鈕推到屏幕的右側,如下所示:

<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> 

的問題是,每當日期選取器打開時,它的一部分隱藏關窗

enter image description here

而且沒有辦法向右滾動的界限......

我怎麼能解決它?

+1

這個問題不容易模擬,請問您可以提供一個蹲點嗎? –

+1

這個[plunker]工作正常(https://plnkr.co/edit/VwCnSuRcLDI2vDZXgRhB?p=preview)。嘗試在plunker中重現問題並分享鏈接。 – Nehal

+0

@Nehal我無法複製它,只能在我自己的代碼庫中進行復制。我甚至試圖將我的整個CSS複製到你的plunker,它工作得很好..也許它與材料或flex的版本有關 – areller

回答

0

我已更新到最新的@ angular/material版本 從2.0.0-beta.6到2.0.0-beta.7,現在工作正常。 我想這是一個bug,他們修復了最新版本。