vue-airbnb-style-datepicker icon indicating copy to clipboard operation
vue-airbnb-style-datepicker copied to clipboard

Changing months animation gets "stuck" or frozen when displaying a single month

Open robertguss opened this issue 4 years ago • 0 comments

If you have :months-to-show="1" a couple of different bugs occur, when changing months with the keyboard arrows, depending upon which browser you are using.

In Safari, the calendar will get stuck between animations. In Chrome, the animation works fine, however, the next month's date will not be selected and you will have to click with the mouse in the new month in order to begin using the keyboard again.

The issue appears to be occurring within the setFocusedDate method, as there is a 10ms setTimeout to focus the next date, according to the comments this is an ie11 "hack." I believe, the reason it is getting stuck is that it is trying to select the next date, however, the animation transition is 300ms. So it is trying to select the next date (10ms) before the animation is finished (300ms).

Locally I have managed to hack something together to get this working, I am more than happy to push up a PR, however, it looks like there has been no activity in this repo almost 1 year.

@MikaelEdebro can you let me know if you are still actively maintaining this and if you would like for me to submit this PR?

robertguss avatar Apr 06 '20 19:04 robertguss