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

Popup/Modal should be closed when user touch/click outside it

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      AMD Modal

      1. Log in as admin
      2. Turn editting ON.
      3. Click 'Add a block' to get popup Modal of modal.js
      4. Click somewhere on the screen that isn't within the modal
      5. CONFIRM that the modal is closed

      YUI dialogue

      1. Log in as admin
      2. Create a new course
      3. Click the "Add an activity or resource" link to open the chooser
      4. Click anywhere outside of the activity chooser
      5. CONFIRM that the chooser closes
      6. Add Quiz activity
      7. In quiz activity click edit quiz and add new question
      8. Click somewhere outside the add new question dialogue
      9. CONFIRM that the dialogue is closed
      Show
      AMD Modal Log in as admin Turn editting ON. Click 'Add a block' to get popup Modal of modal.js Click somewhere on the screen that isn't within the modal CONFIRM that the modal is closed YUI dialogue Log in as admin Create a new course Click the "Add an activity or resource" link to open the chooser Click anywhere outside of the activity chooser CONFIRM that the chooser closes Add Quiz activity In quiz activity click edit quiz and add new question Click somewhere outside the add new question dialogue CONFIRM that the dialogue is closed
    • Affected Branches:
      MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • Fixed Branches:
      MOODLE_36_STABLE
    • Pull 3.5 Branch:
    • Pull Master Branch:
      MDL-60207-master

      Description

      For accessibility purposes, popup/modal should be closed when user touch/click outside itself, popup/modal created by both ModalFactory and YUI seem do not support this feature.

      Ideally, in my opinion, it should similar to bootstrap's modal.

       

        Attachments

        1. google calendar.png
          google calendar.png
          143 kB
        2. modal.png
          modal.png
          257 kB
        3. Verified_MDL-60207_2.png
          Verified_MDL-60207_2.png
          227 kB
        4. Verified_MDL-60207_3.png
          Verified_MDL-60207_3.png
          198 kB
        5. Verified_MDL-60207.png
          Verified_MDL-60207.png
          185 kB

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  3/Dec/18

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 15 minutes
                  15m