xdan / datetimepicker

jQuery Plugin Date and Time Picker
https://xdsoft.net/jqplugins/datetimepicker/
MIT License
3.5k stars 1.52k forks source link

Flashing flickering input fields on iOS and MAC #782

Open oseloth opened 2 years ago

oseloth commented 2 years ago

Hi all,

I have this crazy issue I can't figure out. I had datetimepicker working fine few days ago. I updated to the new jQ 3.6.0 and since that I got this flickering going on on all browsers on iPhone and on Safari.

You can see the effect here In Win Chrome, Android it's working fine as usual.

reverting to older jQuery is not an option. What could have gone wrong here. Here is the part of the code running this.

It looks like all the field are opening and closing one by one from top to bottom real fast.

`$(document).ready(function () {

     $('#date_from').datetimepicker({
         theme:'light',
          timepicker:false,
           formatDate:'Y/m/d',
            mask:true,
              format:'Y-m-d'
     });
       $('#date_to').datetimepicker({
         theme:'light',
          timepicker:false,
           formatDate:'Y/m/d',
            mask:true,
             format:'Y-m-d'
     });

      $('#date_from_time').datetimepicker({
         theme:'light',
          timepicker:true,
          datepicker:false,
            mask:true,
            format:'H:i'
     });

        $('#date_to_time').datetimepicker({
         theme:'light',
          timepicker:true,
          datepicker:false,
            mask:true,
            format:'H:i'
     });

});`

This im my first gitHub post, so if I wrote something wrong I apologize in front.

oseloth commented 2 years ago

So it was a stupid error. I was changing something and somehow changed the order of loading scripts so this datetimepickes js was loading before jQuery. I just switched order and it works.