Details
-
Type: Improvement
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: 1.8.2-EE-GA_P02, 2.0.0, 2.0.0-EE-Beta1
-
Fix Version/s: EE-1.8.2.GA_P03, 2.1-Beta, 3.0
-
Component/s: ICE-Components
-
Labels:None
-
Environment:All
-
Assignee Priority:P1
-
Affects:Documentation (User Guide, Ref. Guide, etc.)
Description
Feature Request: Add a tabindex to the rowSelector/dataTable to allow a user to tab into the table to allow proper tab key flow.
Scenario: A form has a few inputs with tabindex's set, a dataTable that has row selection/keyboard nav enabled and then some more inputs with tabindex's set.
<ice:inputText tabindex="1"/>
<ice:inputText tabindex="2"/>
<ice:dataTable tabindex="3">
<ice:rowSelector.../>
...
</ice:dataTable>
<ice:commandButton tabindex="4"/>
<ice:commandButton tabindex="5"/>
When starting at tabindex 1 and tabbing the dataTable is skipped over and only received focus once the end of the tab order is hit.
Scenario: A form has a few inputs with tabindex's set, a dataTable that has row selection/keyboard nav enabled and then some more inputs with tabindex's set.
<ice:inputText tabindex="1"/>
<ice:inputText tabindex="2"/>
<ice:dataTable tabindex="3">
<ice:rowSelector.../>
...
</ice:dataTable>
<ice:commandButton tabindex="4"/>
<ice:commandButton tabindex="5"/>
When starting at tabindex 1 and tabbing the dataTable is skipped over and only received focus once the end of the tab order is hit.
Potential workaround is to not have any tabindex's defined on the form. This will allow the browser to use the natrural layout of the components to enable tabbing into the table