【问题标题】:Angular material datepicker position is wrong except on ChromeAngular 材质日期选择器位置错误,Chrome 除外
【发布时间】:2016-02-17 13:19:32
【问题描述】:

我在我的项目中使用 angular-material 和 md-datepicker

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

如果所有<md-datepicker> 都在页面顶部彼此相邻,则该位置似乎是正确的,但只要我们需要向下滚动一点,定位就会失败。

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

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

【问题讨论】:

    标签: javascript html css angularjs angular-material


    【解决方案1】:

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

    【讨论】:

    • 您设法在 Firefox 下的正确位置正确显示页面底部的最后一个日期选择器(向下滚动后)?我没有
    • 是的,即使是最后一个。我在 Mac 上有 Firefox 42.0
    • 好吧,它不适用于 Windows 上的 42.0 或 44.0a2 开发人员版
    • 我也遇到了同样的情况(Win 7 64bit 上的 Firefox 42)。似乎日历的位置是基于浏览器窗口尺寸的绝对位置,而不是基于页面尺寸。如果我使用 deleloper 工具将日历的位置更改为“固定”,则它显示得很好。使用 Chrome 没有问题。你找到解决办法了吗?编辑:似乎这是一个已解决的问题github.com/angular/material/issues/5758
    • 我使用的是角度材质版本 1.0.1。你能解释一下我应该在 angular.material.min.js 中做些什么来解决这个问题吗?
    【解决方案2】:

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-04-09
      • 1970-01-01
      • 2016-10-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多