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

Refreshing action menus via AJAX result in duplicate IDs for action menu links

XMLWordPrintable

    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80676-403
    • MDL-80676-main
    • Hide
      1. Create a course with a few activities or course sections.
      2. Add some blocks to the course like the "Latest announcements" and/or the "Upcoming events" blocks.
      3. Turn editing mode on.
      4. Perform any course editing action that causes the course section or activity to be reloaded via AJAX.
        • Move an activity to the left/right
        • Hide/show course section
      5. Turn on a screen reader (NVDA or JAWS).
      6. Open the action menu and navigate through the action menu items of the edited course section or activity.
      7. Confirm that the screen reader announces the correct names of the action menu items.
      Show
      Create a course with a few activities or course sections. Add some blocks to the course like the " Latest announcements " and/or the " Upcoming events " blocks. Turn editing mode on. Perform any course editing action that causes the course section or activity to be reloaded via AJAX. Move an activity to the left/right Hide/show course section Turn on a screen reader (NVDA or JAWS). Open the action menu and navigate through the action menu items of the edited course section or activity. Confirm that the screen reader announces the correct names of the action menu items.

      To reproduce:

      1. Create a course with a few activities or course sections.
      2. Add some blocks to the course like the "Latest announcements" and/or the "Upcoming events" blocks.
      3. Turn editing mode on.
      4. Perform any course editing action that causes the course section or activity to be reloaded via AJAX.
        • Move an activity to the left/right
        • Hide/show course section
      5. Turn on a screen reader (NVDA or JAWS).
      6. Open the action menu and navigate through the action menu items of the edited course section or activity.
      7. Expected: The screen reader will announce the appropriate names of the action menu items.
      8. Actual: The action menu items become incorrectly labelled from items from other action menus because of element ID collision. (e.g. Instead of "Edit settings", it will announce something like "Configure latest announcements block").

      This happens because the instance number that gets statically incremented is reset whenever the action menu gets reloaded via AJAX.

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Huong Nguyen Huong Nguyen
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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