2015-10-05 7 views
7

मैंने कोणीय सामग्री 0.11.1 में अपग्रेड कर दिया है। मैं कोणीय जेएस v1.4.6 का उपयोग कर रहा हूँ। मैं नया डेट-पिकर फ़ंक्शन लागू करने की कोशिश कर रहा हूं।कोणीय सामग्री: एमडी-डेटपिकर सीएसएस डिस्प्ले समस्या

<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

अरे @ केए तकनीक क्या आपने कभी यह काम किया था कि क्या हो रहा था? मुझे आज भी यही समस्या है लेकिन पृष्ठ के नीचे एक सफेद ब्लॉक के साथ – amyloula

उत्तर

6

मैं अपने आप को ठीक उसी समस्या आ रहा था, हर बार जब मैं md-datepicker को खोलने के लिए क्लिक किया है, मैं एक बड़ी सफेद ब्लॉक मेरे पृष्ठ के तल पर था।

md-datepicker क्लिक करने पर पेज व्यवहार की निगरानी के लिए कुछ समय बिताने के बाद, मुझे एहसास हुआ कि md-datepicker क्लिक करने पर, angular material गतिशील <html> और <body> वर्गों के सीएसएस स्टाइल मेरी सीएसएस स्टाइलशीट में, बदल रहा था तो जैसे:

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

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

त्वरित सुधार के रूप में, मैं गतिशील परिवर्तन ओवरराइड करने के लिए तो जैसे मेरे शरीर वर्ग निर्धारित किया है,:

body { 
top: 0px !important; 
} 

उम्मीद है कि इस एक ही मुद्दे के साथ दूसरों की मदद करेगा।

+1

आप आदमी हैं, यह मेरे लिए काम करता है! लोगों ने सुझाव दिया कि v1.1.1 इसे ठीक करता है लेकिन यह सच नहीं है! – Abdel

+0

खुशी है कि यह कुछ उपयोग हो सकता है! @Abdel – amyloula

संबंधित मुद्दे