Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
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
The ace:dataTable pagination buttons / select list cannot currently be navigated to via the keyboard (tab key). They do support using the PgUp/PgDn/Home/End keys within the datatable to change the currently viewed page (correctly). However, these controls should also be in the browser tab order such that focus could be moved to them via the Tab-key. Also, focus should persist on the selected control when activated via the keyboard (space when focussed).
Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc.
Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc.
Activity
| Status | Resolved [ 5 ] | Closed [ 6 ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
r45577: committed fix to re-align buttons.
Removing the text from the icon spans caused this misalignment, which has now been fixed via CSS.
Show
Arturo Zambrano
added a comment - r45577: committed fix to re-align buttons.
Removing the text from the icon spans caused this misalignment, which has now been fixed via CSS.
| Repository | Revision | Date | User | Message |
| ICEsoft Public SVN Repository | #45577 | Tue Jul 07 12:49:58 MDT 2015 | art.zambrano | |
| Files Changed | ||||
MODIFY
/icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/paginator/paginator.js
|
| Resolution | Fixed [ 1 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
Tested with ICEfaces 4 trunk r45261, IE 11, 10, 8, FF 34, Chrome 43.
In all browsers the behaviour of the paginator when used with Tab, Enter and Space bar is verified but there is now a noticeable change in the alignment of the paginator page buttons and the FFWD/reverse buttons. See attached screen shot 1.PNG
Show
Liana Munroe
added a comment - Tested with ICEfaces 4 trunk r45261, IE 11, 10, 8, FF 34, Chrome 43.
In all browsers the behaviour of the paginator when used with Tab, Enter and Space bar is verified but there is now a noticeable change in the alignment of the paginator page buttons and the FFWD/reverse buttons. See attached screen shot 1.PNG
| Attachment | 1.PNG [ 20281 ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
r45258: fix to activate controls with the Enter key on IE and with the space key on FF; fix to be able to give focus to the controls on FF and to only outline the control itself.
Show
Arturo Zambrano
added a comment - r45258: fix to activate controls with the Enter key on IE and with the space key on FF; fix to be able to give focus to the controls on FF and to only outline the control itself.
| Repository | Revision | Date | User | Message |
| ICEsoft Public SVN Repository | #45258 | Tue Jun 30 11:57:25 MDT 2015 | art.zambrano | |
| Files Changed | ||||
|
MODIFY
/icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/paginator/paginator.js
|
| Resolution | Fixed [ 1 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
Tested with ICEfaces 4 trunk r45093.
Verified Chrome 43. After tabbing to a paginator control either space bar or Enter key can be used to activate it.
IE 11, 10, 9, 8 - After tabbing to a paginator control only the space bar can be used to activate it, not the Enter Key as with Chrome.
FF 38, 34, 24.5. - Using the Tab key does not place focus on any of the paginator controls except for the "first page" control. The focussed area also includes the part of the header or footer facet to the left of that control.
Show
Liana Munroe
added a comment - Tested with ICEfaces 4 trunk r45093.
Verified Chrome 43. After tabbing to a paginator control either space bar or Enter key can be used to activate it.
IE 11, 10, 9, 8 - After tabbing to a paginator control only the space bar can be used to activate it, not the Enter Key as with Chrome.
FF 38, 34, 24.5. - Using the Tab key does not place focus on any of the paginator controls except for the "first page" control. The focussed area also includes the part of the header or footer facet to the left of that control.
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
r45093: allowed paginator buttons to receive focus and to persist this focus; also added event to activate buttons when pressing the space key.
Show
Arturo Zambrano
added a comment - r45093: allowed paginator buttons to receive focus and to persist this focus; also added event to activate buttons when pressing the space key.
| Repository | Revision | Date | User | Message |
| ICEsoft Public SVN Repository | #45093 | Tue Jun 23 14:05:26 MDT 2015 | art.zambrano | |
| Files Changed | ||||
|
MODIFY
/icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/paginator/paginator.js
MODIFY
/icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/paginator/paginator.css
|
| Description |
The ace:dataTable pagination buttons / select list cannot currently be navigated to via the keyboard (tab key). They do, however, support using the PgUp/PgDn/Home/End keys within the datatable to change the currently viewed page.
These controls should also be in the browser tab order such that focus could be moved to them via the Tab-key. Also, focus should persist on the selected control when activated via the keyboard (space when focussed). Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc. |
The ace:dataTable pagination buttons / select list cannot currently be navigated to via the keyboard (tab key). They do support using the PgUp/PgDn/Home/End keys within the datatable to change the currently viewed page (correctly). However, these controls should also be in the browser tab order such that focus could be moved to them via the Tab-key. Also, focus should persist on the selected control when activated via the keyboard (space when focussed).
Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc. |
| Summary | ace:dataTable Paginator buttons not keyboard navigable | ace:dataTable Paginator buttons not keyboard navigable/focussable |
| Priority | Major [ 3 ] | Minor [ 4 ] |
| Description |
The ace:dataTable pagination buttons / select list cannot currently be accessed via the keyboard, they are only operable via the mouse.
These controls should be in the browser tab order such that focus could be moved to them via the Tab-key. Also, focus should persist on the selected control when activated via the keyboard (space when focussed). Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc. |
The ace:dataTable pagination buttons / select list cannot currently be navigated to via the keyboard (tab key). They do, however, support using the PgUp/PgDn/Home/End keys within the datatable to change the currently viewed page.
These controls should also be in the browser tab order such that focus could be moved to them via the Tab-key. Also, focus should persist on the selected control when activated via the keyboard (space when focussed). Also note that the space key event should be consumed by the button when activated to avoid having the browser scroll the page when space is pressed, etc. |
| Field | Original Value | New Value |
|---|---|---|
| Assignee | Arturo Zambrano [ artzambrano ] | |
| Fix Version/s | 4.1 [ 11375 ] | |
| Assignee Priority | P2 [ 10011 ] |
Verified ICEfaces 4 trunk r45580, Tomcat 7, IE 11, 10, 9, 8, FF 34, Chrome 43.