Support Article
PUIC:Issue with Red X placement on the screen
SA-1986
Summary
Validation is firing on screen and Red X shows up besides a field on which error is firing which is correct. However when user collapses one of the above sections on the screen, Red X moves to top of section, thus resulting in incorrect placement of the Red X.
Error Messages
Attached screen shots
Steps to Reproduce
Attached screen shots
Root Cause
This problem is caused by a bug in IE.Things are working fine in FF and chrome.IE does not properly re- position DOM elements when we have a absolute positioned element inside a static positioned element.
Resolution
This issue is resolved through the following local change: Placed below javascript based solution in userworkform.
<style id='reflowStyleNode'>
.iconErrorDiv span{
position:absolute;
}
</style>
if ( pega && pega.u && pega.u.d && pega.u.d.registerResize){
pega.u.d.registerResize(function(){
try{
if (pega.env.ua.ie ){
var styleNode = document.getElementById("reflowStyleNode");
if (styleNode){
if(window.attachEvent && !window.opera) {
styleNode.styleSheet.cssText = '.iconErrorDiv span{ position: absolute; }';
} else {
var styleText = document.createTextNode('.iconErrorDiv span{ position: absolute; }');
styleNode.appendChild(styleText);
}
}
}
}
catch(e){}
})
}
</script>
Published January 31, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.