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

On safari (when using pickadate) the page scrolldown when you open the datepicker #836

Open maniator opened 8 years ago

maniator commented 8 years ago

Currently on our site the only place you can see this happen is safari on mobile (IOS) since we only use pickadate for our mobile datepicker.

gozengo.com

I have no idea why this only happens in safari.

Any ideas?

blq commented 8 years ago

I think I have the same issue. Position ends up slightly too low, i.e covering the "today" button until you scroll up. Maybe it's due to the IOS way of dynamically hiding the address bar or something?

maniator commented 8 years ago

It happens on regular safari as well (on our site) so I don't think it is an iOS issue

On Wednesday, February 17, 2016, Fredrik Blomqvist notifications@github.com wrote:

I think I have the same issue. Position ends up slightly too low, i.e covering the "today" button until you scroll up. Maybe it's due to the IOS way of dynamically hiding the address bar or something?

— Reply to this email directly or view it on GitHub https://github.com/amsul/pickadate.js/issues/836#issuecomment-185261718.

floatingdino commented 7 years ago

This issue has been a huge pain for a site I'm working on. Page scrolls down to the bottom on Safari and then can sometimes not open again until you focus out of the window. I've resorted to turning off the translateY and transitions in the CSS and setting pointer-events to none unless it has the open or focus classes