Angular Invalid material datapicker except Chrome

Question

I use angular material md-datepickerin my project as well.

I have a form containing several inputs and <md-datepicker>, and the problem is that the position of the datepickers (calendar, not the initial input) is wrong, except for the first if I do not use Google Chrome.

The position seems correct if everyone <md-datepicker>is at the top of the page next to each other, but as soon as we need to scroll down a bit, positioning does not work.

Here is the code where you can see the problem in Firefox: http://codepen.io/anon/pen/pjGPGZ?editors=101

Just scroll down and try using datepickers.

Answer 1

As Gianni noted, it was fixed: https://github.com/angular/material/commit/d423a65600cb6dc2638c91882b38be2dfea965f8

Answer 2

I just tried my code on chrome, firefox and safari. Everything worked fine, I had no problems.