Material: md-datepicker opens on the wrong month when its container has a scroll bar

[arthursouviron]

Actual Behavior:

• What is the issue? *
  md-datepicker opens on the wrong month when its container has a scrollbar and the input is not located at the top of that container.
• What is the expected behavior?
  md-datepicker should always open on the right date

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue:
  http://codepen.io/arthur_souviron/pen/vgYVPy
• Details: Click on the first datepicker, it's working fine. Scroll down and click on the bottom one, it doesn't open on the right month

Angular Versions: *

• Angular Version: 1.5.8
• Angular Material Version: 1.1.1

Additional Information:

• Browser Type: * Chrome
• Browser Version: * 55
• OS: * OS X 10.11.6
• Stack Traces: none

[gogodigimo]

I'm experiencing this same issue.

[wolfet]

This same issue was referenced in #10144. @ppham27 submitted a PR to fix it. Using his build in your codepen fixes the issue for me. I'm really hoping it will land in the next release.

http://codepen.io/twolfe/pen/qRENEd

[gogodigimo]

Awesome. Thanks, @wolfet !

[mde17]

not working on
angular 1.6.2
angular material 1.1.3

[lobo-tuerto]

I'm seeing this problem with md-datepicker with or without parent having a scroll.

Angular: 1.6.0.
Angular Material: 1.1.1.

[ghost]

Datepicker.js module:

@alanssoares ... I found out the issue occurred inside the below method of CalendarMonthBodyCtrl.

CalendarMonthBodyCtrl.prototype.generateContent = function() {
..
}

Commenting the below line fixed the issue for me:

//this.focusAfterAppend.focus();

This worked for me too: #9952

Angular: 1.5.5 & 1.6.2
Angular Material: 1.1.3

[Splaktar]

Duplicate of https://github.com/angular/material/issues/10144. Fixed in 1.1.5. You can also see this working in HEAD based on the provided demo: http://codepen.io/arthur_souviron/pen/vgYVPy