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

Convert from menu to combobox for gradebook dropdowns

XMLWordPrintable

    • 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

      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.

            rezaie9 Shamim Rezaie
            mathewmay Mathew May
            Mihail Geshoski Mihail Geshoski
            Jake Dallimore Jake Dallimore
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                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

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