fix(datepicker): multiple dialog open if the user holds down enter key

[crisbeto]

Fixes the case where the user might be holding down the enter key for a datepicker in touch mode, which could cause it to open multiple dialogs at the same time.

For reference:

[mmalerba]

I'm curious, why is this needed? It looks like in the open method where this is called from we already set a variable to make sure it only gets opened once. Is that not working for some reason?

[crisbeto]

I think that when you're holding the key down, eventually some of them go through, because we reset some of the variables in a setTimeout. You can see in the gif how it can take a little bit of holding before the dialogs start stacking.

EDIT: I think it might also have to do with the fact that we change _opened variable in a callback to dialogRef.afterClosed which fires once the animation is finished.

[mmalerba]

This change feels like masking the problem rather than fixing it. What if we switch to doing it in beforeClosed instead?

[crisbeto]

That one doesn't help much either. The only difference is that beforeClose is fired when the animation starts (which is still async) and the other one fires when the animation is done. IMO doing this is fine since it's pretty low maintenance on our end and it handles an edge case.

[mmalerba]

Ok, as long as we've tried other solutions. Can you add a comment explaining why this is necessary even though it looks like it would be handled above?

[crisbeto]

Done.

[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.}