Summary

Error Messages

Steps to Reproduce

1. Create a repeating grid with a page list as the data source
2. Run the flow
3. Click the 'Delete Item' icon at run time, when there are errors on the harness. The action is not performed and the focus shifts to the error table

Root Cause

Resolution

Add a check for accessibility in the pega.u.d.defaultErrorDivInit API
Modify the API in UserWorkForm as below:

<script>
$(document).ready(function(){
if(pega && pega.u && pega.u.d){

pega.u.d.defaultErrorDivInit : function (errorText) {
var errorDiv = document.createElement("DIV");
errorDiv.innerHTML = errorText;
var errorDiv2 = document.createElement("DIV");
errorDiv2.innerHTML = errorText;

// check the existancy of ERRORTABLE
var errorTables = pega.util.Dom.getElementsById("ERRORTABLE", document);
if (errorTables) {
// Set the error messages to the existing ERRORTABLE

for (var t = 0; t < errorTables.length; t++) {
pega.util.Dom.setStyle(errorTables[t], "display", "block");
var errorSpan = pega.util.Dom.getElementsById("ERRORMESSAGES_ALL", errorTables[t]);
if (errorSpan && errorSpan.length > 0) {
var msgSpan = pega.util.Dom.getElementsById("ERRORMESSAGES_ALL", errorDiv);
if (msgSpan && msgSpan.length > 0) {
errorSpan[0].innerHTML = msgSpan[0].innerHTML;
} else {
errorSpan[0].innerHTML = errorText;

}
}
}
}

// Check the existancy of PEGA_HARNESS div tag
else if (document.getElementById("PEGA_HARNESS") != null) {
// Set the error messages as the first element to the RULE_KEY div tag
document.getElementById("PEGA_HARNESS").insertBefore(errorDiv, document.getElementById("PEGA_HARNESS").firstChild);
if (pega.u.d.formErrorType != "FLOAT") {
document.getElementById("PEGA_HARNESS").appendChild(errorDiv2);
}
var errorTables = pega.util.Dom.getElementsById("ERRORTABLE", document);
if (errorTables) {
for (var t = 0; t < errorTables.length; t++) {
pega.util.Dom.setStyle(errorTables[t], "display", "block");
}
}
}
//Attaching error div to div with id 'FormErrorMarker_div
else if (document.getElementById('FormErrorMarker_Div')) {
formErrorMarkerdiv = document.getElementById('FormErrorMarker_Div');
formErrorMarkerdiv.insertBefore(errorDiv, formErrorMarkerdiv.firstChild);
formErrorMarkerdiv.style.display = "block";
document.getElementById("ERRORTABLE").style.display = "block";
}
// No ERRORTABLE or RULE_KEY
else if (document.getElementsByTagName("DIV")[0] != null) {
// Set the error messages to the first div element of the document
document.getElementsByTagName("DIV")[0].insertBefore(errorDiv, document.getElementsByTagName("DIV")[0].firstChild);
document.getElementsByTagName("DIV")[0].style.display = "block";
document.getElementById("ERRORTABLE").style.display = "block";
}
/*(accessibility story) focus on error table start*/
if(pega.u.d.isAccessible){

var accessErrorTable=document.getElementById("ERRORTABLE");
if(!pega.u.d.bModalDialogOpen && accessErrorTable && accessErrorTable.getAttribute("role")=="alert"){
/*BUG-162342: Adding try-catch below*/
try {
accessErrorTable.focus();
}
catch(e){}
}
}
/*(accessibility story) end*/
},

}
});

</script>