2015-10-05 26 views
7

Tôi đã nâng cấp lên Chất liệu góc 0.11.1. Tôi đang sử dụng Angular JS v1.4.6. Tôi đang cố gắng triển khai chức năng chọn ngày mới. Vấn đề tôi có là khi tôi sử dụng mã tiêu chuẩn như sau:Vật liệu góc: md-datepicker Vấn đề hiển thị CSS

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

Khi tôi chọn công cụ chọn, tôi nhận được một vấn đề hiển thị lạ nơi một nửa màn hình là màu xám và có thể thấy một phần của hộp datepicker. Một khi điều này được thực hiện và cố gắng chọn bất cứ điều gì khác với hộp pop-up cùng một điều sẽ xảy ra. Bất cứ ai biết tại sao điều này xảy ra và làm thế nào để sửa chữa nó?

hình ảnh dưới đây:

Before Photo After Date selected

+0

Hey @Ka tech Bạn đã bao giờ tìm ra những gì đang xảy ra ở đây chưa? Tôi đang gặp vấn đề tương tự ngày hôm nay nhưng với một khối màu trắng ở dưới cùng của trang – amyloula

Trả lời

6

Bản thân tôi đã có vấn đề chính xác cùng, mỗi khi tôi nhấp vào để mở md-datepicker, tôi đã có một khối màu trắng lớn ở dưới cùng của trang của tôi.

Sau khi trải qua một thời gian theo dõi các hành vi trang trên cách nhấn vào md-datepicker, tôi nhận ra rằng trên cách nhấn vào md-datepicker, angular material được tự động thay đổi phong cách css của <html><body> lớp trong stylesheets css của tôi, như vậy:

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

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

sửa chữa gấp gáp, tôi đã thiết lập lớp cơ thể của tôi như vậy, để ghi đè lên những thay đổi năng động:

body { 
top: 0px !important; 
} 

Hy vọng rằng đây sẽ giúp người khác với cùng một vấn đề.

+1

Bạn là người đàn ông, điều này làm việc cho tôi! Mọi người đã đề xuất bản sửa lỗi v1.1.1 nhưng điều đó không đúng! – Abdel

+0

Vui vì nó có thể là một số sử dụng! @Abdel – amyloula

Các vấn đề liên quan