Datepicker is blocking scroll on mobile

  • Resolved rightangle

    (@rightangle)


    5 years ago

    Hi Carlos!

    Great plugin, just one slight problem we’re experiencing.

    Currently, the calendar and time settings are set to display inline which put contain them within a grey box. On a mobile device the there isn’t enough room for the time picker next to the calendar, so it drops down to the next row. Which causes the grey box to come down with it.

    See screenshot link :
    https://t6int.com/wp-content/uploads/2019/11/T6_Devleoper_Screenshot.png

    The issue is that the white space next to the time picker doesn’t allow you to scroll up or down with your finger. However, if you were to touch outside the grey box it will work.

    How would you advise we go about fixing this issue?

    Thanks!

    In case you need it our current set up is here (no advanced settings):
    https://t6int.com/wp-content/uploads/2019/11/T6_Devleoper_Screenshot_2.png

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Carlos Moreira

    (@carlosmoreirapt)

    Hi @rightangle
    Sorry for the late follow up. I was going to check this now, but the link is no longer available. But I understand what you describe. Maybe one way to fix this is to slightly reduce the size of the date picker in smaller screens, to make sure everything fits and the time picker won’t go to the next line.
    Something like:

    
@media only screen and (max-width: 480px) {
  .xdsoft_datetimepicker {
    zoom:0.8;
  }
}

    Check if it helps.
    Greetings, Carlos

    Thread Starter rightangle

    (@rightangle)

    Hi Carlos,

    Thanks, that solved it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Datepicker is blocking scroll on mobile’ is closed to new replies.