amsul / pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
http://amsul.ca/pickadate.js
MIT License
7.7k stars 1.01k forks source link

Add this.blur() to stop flash of keyboard on iOS #1135

Closed MatthewKennedy closed 4 years ago

MatthewKennedy commented 5 years ago

Add this.blur() to stop flash of keyboard on iOS

Fixes #1133

amsul commented 5 years ago

@MatthewKennedy the readOnly attribute should already be preventing this as mentioned here: https://amsul.ca/pickadate.js/date/#editable

MatthewKennedy commented 5 years ago

Hi @amsul

I had to make a video showing the issue, let me know what you think? https://www.youtube.com/watch?v=HHXp3-cigho&feature=youtu.be

amsul commented 5 years ago

@MatthewKennedy video not available anymore?

MatthewKennedy commented 5 years ago

@amsul try now

amsul commented 5 years ago

Ah yknow what..I just checked to confirm and it seems like this is a regression in one of the newer versions of iOS. It was specifically solved in the past by adding the readonly attribute.

But, the problem with this solution is that it breaks the tabindex flow when using the picker on a laptop/desktop. We'll need to find a way to do this without affecting the other use cases 🤔