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

mod_assign: Unable to scroll grading page on mobile

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide
      1. Make sure ghostscript is working
      2. While using Google Chrome right-click on the page and select "Inspect" from context menu (Ctrl+Shift+I)
      3. In "DevTools" window enable device toolbar to emulate mobile phone (Ctrl+Shift+M).
      4. Select "Responsive" or "iPhone 6/7/8".
      5. Login to a course as a teacher
      6. Make sure there is an assignment with online text submissions and Edit pdf feedback.
      7. Navigate to the assignment
      8. Grade a submission
      9. Confirm that scrolling inside the pdf region works, by clicking within the pdf and using dragging gesture.
      10. Confirm that scrolling outside the pdf region works, by clicking outside the pdf and using dragging gesture.
      Show
      Make sure ghostscript is working While using Google Chrome right-click on the page and select "Inspect" from context menu (Ctrl+Shift+I) In "DevTools" window enable device toolbar to emulate mobile phone (Ctrl+Shift+M). Select "Responsive" or "iPhone 6/7/8". Login to a course as a teacher Make sure there is an assignment with online text submissions and Edit pdf feedback. Navigate to the assignment Grade a submission Confirm that scrolling inside the pdf region works, by clicking within the pdf and using dragging gesture. Confirm that scrolling outside the pdf region works, by clicking outside the pdf and using dragging gesture.
    • Affected Branches:
      MOODLE_34_STABLE, MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_35_STABLE, MOODLE_36_STABLE
    • Pull from Repository:
    • Pull 3.5 Branch:
    • Pull 3.6 Branch:
    • Pull Master Branch:
      MDL-64678-master

      Description

      When I open a mobile site and I want to grade assignment, I cannot scroll up/down on mobile phone.

      However, when I start dragging the contents early enough before page finishes loading, I can do that! But after page loads and I release the finger, I cannot scroll anymore. I suspect that some JavaScript blocks scrolling after page loads.

      Luckily this can be replicated on Google Chrome in Windows.

      1. Login to Orange School demo: https://school.demo.moodle.net
      2. Navigate to: https://school.demo.moodle.net/mod/assign/view.php?id=661
      3. While using Google Chrome right-click on the page and select "Inspect" from context menu (Ctrl+Shift+I)
      4. In "DevTools" window enable device toolbar to emulate mobile phone (Ctrl+Shift+M).
      5. Select "Responsive" or "iPhone 6/7/8".
      6. Confirm that scrolling works, by clicking on the page and using dragging gesture.
      7. Click on blue "Grade" button, or navigate to:
        https://school.demo.moodle.net/mod/assign/view.php?id=661&action=grader
      8. Try clicking on the page and dragging the contents - it will not work
      9. Refresh the page using F5 and immediately click and hold mouse button (don't release it yet!)
      10. Wait until page loads and then use dragging - it should work !
      11. Release the button and repeat 8. - it will stop working.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                6 Vote for this issue
                Watchers:
                11 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  13/May/19

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 40 minutes
                  40m