javascript - Angular Material 日期选择器位置错误,Chrome 除外

标签 javascript html css angularjs angular-material

我正在使用 Angular Material 和 md-datepicker在我的元素中。

我有一个表单,其中包含多个输入和 <md-datepicker>问题是日期选择器的位置(日历,而不是初始输入)是错误的,如果我不使用谷歌浏览器的话,除了第一个。

如果所有 <md-datepicker> 位置似乎是正确的位于页面顶部并排放置,但一旦我们需要向下滚动一点,定位就会失败。

这是一个代码笔,您可以在其中查看 Firefox 上的问题:http://codepen.io/anon/pen/pjGPGZ?editors=101

只需向下滚动并尝试使用日期选择器。

最佳答案

我刚刚在 chrome、firefox 和 safari 上试用了你的 codepen。一切正常,我没有遇到任何问题。

关于javascript - Angular Material 日期选择器位置错误,Chrome 除外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33735444/

相关文章:

javascript - slider 未正确渲染

javascript - 当我点击任何 div 时,只有那个 div 必须出现并且页面的所有内容都应该重叠

ruby-on-rails - 用户在 Rails 中选择的 CSS 样式表

javascript - Node.js - 将整个字符串数组转换为字符串,其中字符串由 | 分隔

javascript - 在 touchstart 上播放音频

html - 当 ionic 滚动高度太高时, ionic 应用程序无法完全向下滚动

html - CSS float : Floating an image to the left of the text

html - CSS/HTML - 背景图片不工作

javascript - 如何找出哪些标记当前位于显示的 map 限制内

javascript - 如何在 javascript 中通过 ref 引用传递变量