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

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

XMLWordPrintable

    • MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • MOODLE_36_STABLE
    • MDL-60207-master
    • 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

      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.

       

        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

            thinhpham83 Thinh Pham Tien
            ndloc1905 Loc Nguyen Dinh
            Ryan Wyllie Ryan Wyllie
            Andrew Lyons Andrew Lyons
            Gladys Basiana Gladys Basiana
            Votes:
            6 Vote for this issue
            Watchers:
            15 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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