Angular Material: MD-Datepicker CSS-Anzeige Problem

Ich habe auf Angular Material 0.11.1 aufgerüstet. Ich benutze Angular JS v1.4.6. Ich versuche, die neue Datumsauswahlfunktion zu implementieren. Das Problem, das ich habe, ist, wenn ich den Standard-Code wie folgt verwenden:Angular Material: MD-Datepicker CSS-Anzeige Problem

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

Wenn ich den Picker wählen, erhalte ich eine seltsame Anzeige Problem, bei dem die Hälfte Bildschirm grau ist und ein Teil des Datepicker-Box sehen. Sobald dies ausgeführt wird und versuchen, etwas anderes mit Pop-up-Box auszuwählen, passiert das gleiche. Wer weiß, warum das passiert und wie man es repariert? unter

Bilder:

Quelle

2015-10-05 Ka Tech

Hey @Ka Tech Hast du jemals herausgefunden, was hier passiert? Ich habe das gleiche Problem heute aber mit einem weißen Block am Ende der Seite – amyloula

ich mich genau das gleiche Problem hatte ich jedes Mal geklickt die md-datepicker zu öffnen, hatte ich am Ende meiner Seite einen großen weißen Block.

einige Zeit Nachdem er die Seite Verhalten Überwachung der md-datepicker auf klicken, erkannte ich, dass die md-datepicker auf klicken, angular material dynamisch die CSS-Styling der <html> und <body> Klassen in meinem CSS-Stylesheets veränderte sich, wie so:

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

<html lang="en" style="overflow-y: scroll;">

als eine schnelle Lösung, ich habe wie so meine Körper-Klasse festgelegt, um die dynamischen Änderungen außer Kraft zu setzen:

body { 
top: 0px !important; 
}

Hoffentlich wird anderen mit dem gleichen Problem helfen.

Quelle

2016-08-02 01:13:54 amyloula

Sie sind der Mann, das hat für mich gearbeitet! Leute schlugen vor, dass v1.1.1 es behebt, aber das stimmt nicht! – Abdel

Froh, dass es nützlich sein könnte! @ Abdel – amyloula

Angular Material: MD-Datepicker CSS-Anzeige Problem

Antwort

Verwandte Themen