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

Specific use of modals can prevent further prevent further page interactivity

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • 3.9.22, 3.11.15, 4.0.9, 4.1.4, 4.1.5, 4.2.1
    • JavaScript
    • MOODLE_311_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE, MOODLE_401_STABLE, MOODLE_402_STABLE

      Any instance of modal trigger on a page – such as a button or other interactive element – may be be used to open up the modal on the page. Typically, this involves use of the ModalFactory JS module.

      In most circumstances this modal is correct in all of it's functionality, however, in a specific circumstance the page interactivity may be broken.

      The steps to reduce this are simply:

      1. Navigate to the URL: {HOST}/admin/tool/dataprivacy/categories.php
        1. Alternatively: Site admin -> users -> privacy & policies -> data registry | then click on edit -> categories
      2. Once here, click/ press enter on the '+' icon next to category which brings up a modal.
      3. You should see the modal appear.
      4. Close the modal now with esc or by clicking either 'x' on the modal.
      5. The modal should close.
      6. Without doing anything else the '+' button should still be highlighted.
      7. Now use the keyboard to press enter.

      Expected behaviour – the modal opens again.

      Actual behaviour:

      • The modal does not open
      • A grey overlay appears on the screen (probably the modal overlay, absent the modal)
      • This grey overlay prevents any click action being performed on the page.
      • Pressing esc or any other attempted action does not restore the page to a functional state and requires a reload.

      Other notes:

      This affects all modals I have found throughout Moodle. In simple terms, highlight the modal trigger and press: Enter -> Esc -> Enter. This should replicate the bug.

       

            Unassigned Unassigned
            bigmoodle Max Larkin
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:

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