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

Drag-drop questions don't work on mobile since 3.9

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Set up

      1. Log in as teacher or admin.
      2. Create a test course (or use an existing one)
      3. Create your own Drag and drop onto image question in the question bank (https://docs.moodle.org/38/en/Drag_and_drop_onto_image_question_type) or upload the attached file 'drag-drop-onto-image.xml' using 'moodle xml' format.
      4. Create your own Drag and drop into text question in the question bank (https://docs.moodle.org/38/en/Drag_and_drop_into_text_question_type) or upload the attached file 'big-drag-drop-question.xml' using 'moodle xml' format.
      5. Create your own Drag and drop marker question in the question bank (https://docs.moodle.org/38/en/Drag_and_drop_markers_question_type) or upload the attached file 'drag-drop-markers-question.xml' using 'moodle xml' format.
      6. Create a quiz in this course.
      7. Add the 3 questions above to the quiz.

      Mobile testing

      1. Using an iOS device (you can use browserstack for this - ping Jake for an account if needed).
      2. Log in as admin/teacher/student.
      3. Attempt the Quiz.
      4. Verify that you can drag and drop the element to answer the question without any problem.
      5. Repeat the above mobile testing steps 1-4 for a device using chrome on android (again, browser stack can be used for this, ping if needed)

      Desktop regression testing

      1. Log in as the student using a desktop browser
      2. Attempt the quiz, or continue a prior attempt
      3. Verify that you can drag and drop the element to answer all 3 questions without any problem.
      4. Now, reduce the width of the browser window to roughly 600px
      5. Verify that you can drag and drop the element to answer all 3 questions without any problem.
      6. Verify that if you select 'Print' from the browser menu, you see the drag and drop markers in their correct locations in the print preview or in the printed pdf (if you continue and print to a file)
      Show
      Set up Log in as teacher or admin. Create a test course (or use an existing one) Create your own Drag and drop onto image question in the question bank ( https://docs.moodle.org/38/en/Drag_and_drop_onto_image_question_type ) or upload the attached file 'drag-drop-onto-image.xml' using 'moodle xml' format. Create your own Drag and drop into text question in the question bank ( https://docs.moodle.org/38/en/Drag_and_drop_into_text_question_type ) or upload the attached file 'big-drag-drop-question.xml' using 'moodle xml' format. Create your own Drag and drop marker question in the question bank ( https://docs.moodle.org/38/en/Drag_and_drop_markers_question_type) or upload the attached file 'drag-drop-markers-question.xml' using 'moodle xml' format. Create a quiz in this course. Add the 3 questions above to the quiz. Mobile testing Using an iOS device (you can use browserstack for this - ping Jake for an account if needed). Log in as admin/teacher/student. Attempt the Quiz. Verify that you can drag and drop the element to answer the question without any problem. Repeat the above mobile testing steps 1-4 for a device using chrome on android (again, browser stack can be used for this, ping if needed) Desktop regression testing Log in as the student using a desktop browser Attempt the quiz, or continue a prior attempt Verify that you can drag and drop the element to answer all 3 questions without any problem. Now, reduce the width of the browser window to roughly 600px Verify that you can drag and drop the element to answer all 3 questions without any problem. Verify that if you select 'Print' from the browser menu, you see the drag and drop markers in their correct locations in the print preview or in the printed pdf (if you continue and print to a file)
    • Affected Branches:
      MOODLE_39_STABLE
    • Fixed Branches:
      MOODLE_39_STABLE
    • Pull from Repository:
    • Pull 3.9 Branch:
    • Pull Master Branch:
      MDL-69104-master

      Description

      This must be a regression caused by our 3.9 drag-drop changes, but the symptoms are really weird.

      I can reproduce this at https://qa.moodledemo.net/mod/quiz/view.php?id=31 on my iPhone 5S running iOS 12.4.6. With the phone in portrait layout, everything works. When you rotate the screen to portrait, draggable thing mostly won't drag. There is a more detailed description of the symptoms in this forum thread: https://moodle.org/mod/forum/discuss.php?d=405649#p1637493.

      Additionally, testing this on an android device with chrome, the drag and drop was being affected by scroll events too, making the task nearly impossible to complete.

        Attachments

        1. big-drag-drop-question.xml
          4 kB
        2. drag-drop-markers-question.xml
          49 kB
        3. drag-drop-onto-image.xml
          49 kB
        4. Screenshot_1.png
          Screenshot_1.png
          377 kB
        5. Screenshot_2.png
          Screenshot_2.png
          558 kB

          Issue Links

            Activity

              People

              Assignee:
              HuongNV Huong Nguyen
              Reporter:
              timhunt Tim Hunt
              Peer reviewer:
              Tim Hunt
              Integrator:
              Jake Dallimore
              Tester:
              Janelle Barcega
              Participants:
              Component watchers:
              Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                13/Jul/20

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 hours
                  3h