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

Convert from menu to combobox for gradebook dropdowns

    XMLWordPrintable

Details

    • MOODLE_401_STABLE
    • MOODLE_402_STABLE
    • MDL-76246-master
    • Hide
      1. Create a course and enrol some users in it
      2. Create 2 assignments in the course
      3. Go to the course's grade book
      4. Go to the user report
      5. Click on the user selector (labelled as "Select a user")
      6. Verify that the "Search users" text box is focused
      7. Verify that you can move between options using the up and down arrow keys
      8. Verify that the focus stays on the search box when you move up/down through the options
      9. Press Tab
      10. Verify that "All users" is focused
      11. Verify that Pressing Tab ley multiple times only switch the focus between the "Search users" and the "All users" elements
      12. No need to check anything else. The rest os covered by behat
      Show
      Create a course and enrol some users in it Create 2 assignments in the course Go to the course's grade book Go to the user report Click on the user selector (labelled as "Select a user") Verify that the "Search users" text box is focused Verify that you can move between options using the up and down arrow keys Verify that the focus stays on the search box when you move up/down through the options Press Tab Verify that "All users" is focused Verify that Pressing Tab ley multiple times only switch the focus between the "Search users" and the "All users" elements No need to check anything else. The rest os covered by behat
    • 10
    • Team Alpha - Sprint 2, Team Alpha - Sprint 1 I1-2023

    Description

      As the search widgets act more as a select element rather than a menu we should do the following:

      Structure

      1.  Add role="combobox" to the elements that trigger the dropdown (data-toggle="dropdown")
      2. The .searchresultitemscontainer element should have role="listbox" instead of "menu" (same for the .unsearchablecontentcontainer element)
      3. The items within the "listbox" element should have role="option"
      4. The trigger element (data-toggle="dropdown") should have a data attribute that references the selected option (e.g 'aria-activedescendant' as defined in theme/boost/amd/src/aria.js)
      5. The selected option should have data-selected="true" attribute // grep for this MDL as the webservices have some bootstrapping done

      Keyboard interaction

      1. The search input should be active and remain active even when navigating through the listbox elements.
      2. We need to enable keyboard navigation (using arrow keys) through the items where the starting point is the selected option.

      Attachments

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              mathewmay Mathew May
              Mihail Geshoski Mihail Geshoski
              Jake Dallimore Jake Dallimore
              Kim Jared Lucas Kim Jared Lucas
              Adrian Greeve, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                24/Apr/23

                Time Tracking

                  Estimated:
                  Original Estimate - 1 week Original Estimate - 1 week
                  1w
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 weeks, 4 days, 7 hours, 17 minutes
                  2w 4d 7h 17m