Support » Plugin: Date Time Picker Field » Datepicker is blocking scroll on mobile

  • Resolved rightangle


    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 :

    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?


    In case you need it our current set up is here (no advanced settings):

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

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


    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 {

    Check if it helps.
    Greetings, Carlos



    Hi Carlos,

    Thanks, that solved it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.