DatePicker animation needs smoothing

[richardschwalb]

The DatePicker animation displays 2 issues:

1. The open/close animation is too fast, should be slowed down by another 250 - 400 ms (500 ms may be too much, but should be considered).
2. The open/close animation stutters, it needs to be smoothed

[prehnRA]

Thanks for this!

[blazebarsamian]

Update: I slowed down the transition some. Now working on smoothing out the animation so it doesn't stutter

[blazebarsamian]

Heres what I've found regarding the stutter:

• If you remove the calendar header and keep the calendar body, it still stutters
• If you remove the calendar body and keep the calendar header, it still stutters
• if you remove everything from the calendar dropdown portion, it still stutters
• When I first put an absolute position on the dropdown, it was working fine with out a stutter. Now its stuttering again so 🤷‍♀️

I'm going to move this ticket back to icebox for now.

[blazebarsamian]

When you remove most of the elements on the page, the stutter seems to go away and be a lot smoother. So I do think that the stutter is relevant to there being a lot of things on the page and struggling to move the entire page down as the dropdown opens.

[achord]

Animation of an unknown height is tricky. There are several approaches to fixing this design pattern. I lean towards using JS. Here is my quick and dirty codepen, that illustrates one way of doing it.

[revelry-stalebot[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.