简体   繁体   English

角度材质的日期选择器位置错误,但Chrome上除外

[英]Angular material datepicker position is wrong except on Chrome

I am using angular-material and md-datepicker in my project. 我在我的项目中使用angular-material和md-datepicker

I'm having a form, containing several inputs and <md-datepicker> and the problem is that the position of the datepickers (the calendar, not the initial input) is wrong except for the first one if I'm not using Google Chrome. 我有一个表单,包含几个输入和<md-datepicker> ,问题是如果我没有使用谷歌浏览器,则除了第一个以外,日期选择器(日历,而不是初始输入)的位置是错误的。

The position seems to be correct if all the <md-datepicker> are at the top of the page next to each other, but as soon as we need to scroll down a bit, the positioning is failing. 如果所有<md-datepicker>位于页面顶部并且彼此相邻,则位置似乎是正确的,但是只要我们需要向下滚动一点,定位就会失败。

Here is a codepen where you can see the issue on Firefox : http://codepen.io/anon/pen/pjGPGZ?editors=101 这是一个codepen,你可以在Firefox上看到这个问题: http ://codepen.io/anon/pen/pjGPGZ?edit = 101

Just scroll down and try to use the datepickers. 只需向下滚动并尝试使用日期选择器。

I just tried your codepen on chrome, firefox and safari. 我刚试过你的codepen on chrome,firefox和safari。 Everything worked fine, I got no issues. 一切都很好,我没有问题。

正如Gianni指出的那样,它已被修正: https//github.com/angular/material/commit/d423a65600cb6dc2638c91882b38be2dfea965f8

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM