Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Tab focus moves to additional row below grid header

SA-14470

Summary



When using the Tab key to move focus through a repeat grid with progressive pagination, the focus moves to an additional (extremely thin) row of cells between the grid header and the first row of data.


Error Messages



Not Applicable.


Steps to Reproduce


 
  1. Add Grid Repeat to any section.
  2. Configure Grid Repeat with Progressive Pagination.
  3. Test the key board tab focus.


Root Cause



This behavior is caused by HTML formatting applied to repeat grids with progressive pagination that improves the functionality with screen readers.

Resolution



This behavior can be overridden by adding the following script to userworkform:

<script> 

/* Prevent focus to hidden header cells in Grid by assigning tabindex -1*/ 
function disableFocusOnHiddenGridHeaderCells() { 
$("#gridLayoutTable table.gridTable th.hiddenCell").attr('tabindex', '-1');


/* When the DOM is loaded invoke harness_execute */ 
$(function() { 
/* Attach to harness onloads  */
var e = window.event;
pega.u.d.harness_execute(disableFocusOnHiddenGridHeaderCells, true, e); 
}); 

</script>

 

Suggest Edit

Published May 10, 2016 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us