search

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

date selection not working on lower end of screen #975

Open kisin opened 7 years ago

kisin commented 7 years ago

found a strange bug that need to be solved.

when you open a datepicker in the lower end of the screen (partly visible on the screen and partly offscreen) the dates doesn't respond to the first click.

the first scroll the screen a little so the whole datepicker will be in the screen and the second click selects the date

this strange bug appears on chrome and IE (i didn't tried other browsers)

for example: screen shot 2017-03-28 at 0 30 32

karaliunas commented 7 years ago

+1 I think it should let to select a visible day even if the picker is partially visible and not force to scroll down the page.

kisin commented 7 years ago

but it force the user to click twice on the datepicker even if the date he want to select visible on the page.

for example, in the image above, if the user want to select the date march 4 he will have to click the datepicker twice.

engelby commented 7 years ago

From a UI consistency standpoint, you have a point.

I've always considered this behavior as a feature. It's nice when on a mobile device (phones especially) that the page is scrolled if necessary to display the entire date picker. Rather than having to manually scroll the page to display the entire control, which IMO is a pain. I'll be honest though, what do other mobile controls do when there isn't room to display the entire control? If there is any sort of UI convention for that behavior, then it would make sense to have this library follow that.