Datepicker switch between month/year views is jarring

[alxhub]

Bug, feature request, or proposal:

Bug

What is the current behavior?

With the datepicker open on https://material.angular.io/components/datepicker/examples, clicking the "Month Year" handle at the top left of the overlay causes the overlay to switch into a year-only view that allows selection of the current month.

In this new view, the datepicker overlay changes size, and becomes a lot smaller. This would be okay, except it resizes itself from the bottom, staying attached to the picker control as overlays usually do. This causes the click handle to toggle between these modes to move down on the screen, and suddenly my mouse is no longer over the overlay.

This feels very jarring in terms of user interaction, when I click the handle to "collapse" the datepicker, I expect it to shrink from the bottom-up, not from the top-down. I should be able to click in the same spot and expand it into full view again.

@mmalerba as @jelbourn told me to mention you :)

[mmalerba]

As @naveedahmed1 mentioned in #5548 it is also jarring when the height changes after pressing prev/next buttons

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}