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

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

    XMLWordPrintable

Details

    • 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

    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

              thinhpham83 Thinh Pham Tien
              ndloc1905 Loc Nguyen Dinh
              Ryan Wyllie Ryan Wyllie
              Andrew Lyons Andrew Lyons
              Gladys Basiana Gladys Basiana
              Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
              Votes:
              6 Vote for this issue
              Watchers:
              15 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                3/Dec/18

                Time Tracking

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