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

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

XMLWordPrintable

    • MOODLE_39_STABLE
    • MOODLE_39_STABLE
    • MDL-69104-master
    • 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)

      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.

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

            HuongNV Huong Nguyen
            timhunt Tim Hunt
            Tim Hunt Tim Hunt
            Jake Dallimore Jake Dallimore
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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