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

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

    XMLWordPrintable

Details

    • 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)

    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

              HuongNV Huong Nguyen
              timhunt Tim Hunt
              Tim Hunt Tim Hunt
              Jake Dallimore Jake Dallimore
              Janelle Barcega Janelle Barcega
              Safat Shahin, Tim Hunt, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie
              Votes:
              0 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                13/Jul/20

                Time Tracking

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