Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-41180

Disable scrolling on mobile when modal window is open

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Deferred
    • Icon: Critical Critical
    • None
    • 2.6
    • JavaScript
    • MOODLE_26_STABLE
    • FRONTEND Sprint 4

      When a modal window is open - the document behind the modal should not be scrollable.

      Needs investigation - setting overflow:hidden on the root document/window does not seem to work on iOS or android.

      Google says something like this:
      document.ontouchstart = document.ontouchmove = function(event)

      { event.preventDefault(); }

      But that would prevent all scrolling - even within the modal.

      -------------------------------------------------------------

      Update following https://tracker.moodle.org/browse/MDL-39851?focusedCommentId=238431&page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#comment-238431:

      These are more issues related to scrolling on Android 4.2 Chrome, everything must be fixed (split this issue in multiple issue if needed):

      • the file picker is scrollable horizontally even thought it could fit.
      • the file picker is scrollable horizontally due to content that are over the screen width(like the license field that is too big)
      • the file picker is scrollable vertically way over the end of the file picker (you'll see the page or/and the select/upload dialogue from tinymce)
      • if you scroll vertically too far, then you can't scroll back to the top (Nexus 4 - Android 4.2.2 only)
      • when the virtual keyboard is displayed then the window is lift up, causing the bug to see the parent page. Don't forget to recentre the page on the field the user is typing in.

            Unassigned Unassigned
            damyon Damyon Wiese
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.