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>