2015-10-05 9 views
7

角度材質0.11.1にアップグレードしました。私はAngular JS v1.4.6を使用しています。私は新しい日付ピッカー機能を実装しようとしています。次のように私は標準コードを使用するときに私が持っている問題は、次のとおりです。角材:md-datepicker CSS表示の問題

<md-content> 
<h4>Standard date-picker</h4> 
<md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
</md-content> 

私はピッカーを選択すると、私は半分の画面が灰色で、DatePickerのボックスの一部を見ることができる奇妙な表示の問題を取得します。これが実行され、ポップアップボックスで他のものを選択しようとすると、同じことが起こります。なぜこれが起こっているのか、それを修正する方法は誰にでも分かりますか?以下

画像:

Before Photo After Date selected

+0

こんにちは@Ka techここで何が起こっていたのですか?私は今日同じ問題を抱えていますが、ページの下部に白いブロックがあります – amyloula

答えて

6

私は自分自身が正確に同じ問題を抱えていたが、私はmd-datepickerを開くためにクリックするたびに、私は私のページの下部にある大きな白いブロックを持っていました。

<body class="" style="position: fixed; width: 100%; top: -231px;"> 

<html lang="en" style="overflow-y: scroll;"> 
md-datepickerをクリックすると上のページの動作を監視し、いくつかの時間を過ごした後、私は md-datepickerをクリックの上、 angular materialが動的にそうように、私のCSSスタイルシートで <html><body>クラスのCSSスタイルを変えたこと

を実現しましたクイックフィックスとして

、私は、ダイナミックな変化上書きするために、そのように私の体のクラスを設定している:

body { 
top: 0px !important; 
} 

うまくいけば、これを同じ問題で他の人を助けるでしょう。

+1

あなたは男です、これは私のために働いた!人々はv1.1.1がそれを修正するよう提案しましたが、それは真実ではありません! – Abdel

+0

これはうまくいくかもしれないとうれしい! @Abdel – amyloula

関連する問題