ICEfaces
  1. ICEfaces
  2. ICE-10737

ace:accordionPane - Should support navigation to accordionPane header via the keyboard

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Minor Minor
    • Resolution: Fixed
    • Affects Version/s: 4.0
    • Fix Version/s: 4.1
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      All
    • Assignee Priority:
      P2

      Description

      Currently, if you click on an ace:accordionPane header with the mouse, it will expand or collapse the accordionPane. However, there is no way to set focus on the header using the keyboard, so you must use the mouse initially to click on the header, and from that point the same header can be toggled via the space-bar.

      Support for navigating to an expandable ace:accordionPane header via the Tab key should be added so the component can be both focussed and toggled purely via the keyboard.

        Activity

        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]
        Ken Fyten made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Ken Fyten made changes -
        Summary ace:accordionPane - Toggling pane expansion via keyboard breaks the accordion. ace:accordionPane - Should support navigation to accordionPane header via the keyboard
        Issue Type Bug [ 1 ] Improvement [ 4 ]
        Description If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.

        The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired.

        This is reproducible via the Showcase ace:accordion Overview demo.
        Currently, if you click on an ace:accordionPane header with the mouse, it will expand or collapse the accordionPane. However, there is no way to set focus on the header using the keyboard, so you must use the mouse initially to click on the header, and from that point the same header can be toggled via the space-bar.

        Support for navigating to an expandable ace:accordionPane header via the Tab key should be added so the component can be both focussed and toggled purely via the keyboard.
        Ken Fyten made changes -
        Assignee Arturo Zambrano [ artzambrano ]
        Fix Version/s 4.1 [ 11375 ]
        Priority Major [ 3 ] Minor [ 4 ]
        Assignee Priority P2 [ 10011 ]
        Ken Fyten made changes -
        Field Original Value New Value
        Description If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.

        The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired.

        This is reproducible via the Showcase ace:accordion demo.
        If you close an open/expanded ace:accordionPane by tabbing to the pane header and using the Space/Enter key to toggle the pane it will collapse if already expanded the first time. After this, it is not possible to expand another pane via keyboard OR mouse.

        The proper behaviour would be to tab focus to the accordionPane header, and toggle the expansion of the pane open/closed via space/enter as many times as desired.

        This is reproducible via the Showcase ace:accordion Overview demo.
        Ken Fyten created issue -

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Ken Fyten
          • Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: