ICEfaces
  1. ICEfaces
  2. ICE-10445

ace:column - Use keyboard to activate sort buttons

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: EE-3.3.0.GA_P02, 4.0
    • Fix Version/s: EE-4.0.0.GA, EE-3.3.0.GA_P03, 4.1
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      All

      Description

      The sort arrow buttons are not able to be selected via the keyboard. It is possible to tab into the icons, but using the enter or space key has no affect on the buttons.

      This seems to be resolved with the EE 3.3.0 P02 release but not with the 4.0.0 release. This can be reproduced with the Showcase - DataTable Overview Demo.

        Activity

        Hide
        Ken Fyten added a comment -

        Note that even in P02 once you activate the sort button via the keyboard, the focus is then lost off of the sort button.

        Ideally, you should be able to tab over to the sort button that you'd like to activate, use the Enter (or space on Mac) key to activate the sort button, have the sort applied to the ace:dataTable, and have the keyboard focus remain on the sort button that was activated.

        Show
        Ken Fyten added a comment - Note that even in P02 once you activate the sort button via the keyboard, the focus is then lost off of the sort button. Ideally, you should be able to tab over to the sort button that you'd like to activate, use the Enter (or space on Mac) key to activate the sort button, have the sort applied to the ace:dataTable, and have the keyboard focus remain on the sort button that was activated.
        Hide
        Mircea Toma added a comment -

        Assign IDs to sort buttons and set focus onclick, just before the submit is issued. Modified datatable.js to properly capture the keypress events triggered by the up/down anchors.

        Show
        Mircea Toma added a comment - Assign IDs to sort buttons and set focus onclick, just before the submit is issued. Modified datatable.js to properly capture the keypress events triggered by the up/down anchors.
        Hide
        Liana Munroe added a comment -

        Verified ICEfaces 4 trunk, ee-3.3.0 maintenance branch, r43917, Tomcat 7, IE 11, FF 34, Chrome 39.

        Show
        Liana Munroe added a comment - Verified ICEfaces 4 trunk, ee-3.3.0 maintenance branch, r43917, Tomcat 7, IE 11, FF 34, Chrome 39.

          People

          • Assignee:
            Mircea Toma
            Reporter:
            Arran Mccullough
          • Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: