Support Article
User section fields are not editable in Google Chrome
SA-11553
Summary
User information section fields are not editable. It is working with tab button. User is not able to modify the fields with mouse cursor actions. This occurs only in Google Chrome browser.
Error Messages
Not Applicable.
Steps to Reproduce
1. Create a repeat grid with expandale pane
2. Create a flow which has text input fields in the section
3. Create a link inside the expand pane. On click of this Link configure a modal window which runs the Flow.
4. Add the created repeat grid section to a harness and portal.
5. Run this portal in chrome.
Root Cause
The root cause of this problem is software use/operation error. In pega_yui_dragdrop.js there is functionality for mouse click validate.
Removing the stop event from this has resolved the issue. It was specific to chrome.
Resolution
This issue is resolved through the following local-change:
Place the below script in User work form:
<script>
var isIEBrowser = navigator.userAgent.indexOf("MSIE") >= 0 ? true : false;
if (!isIEBrowser && pega && pega.util && pega.util.DragDrop &&
pega.util.DragDrop.prototype && typeof (pega.util.DragDrop.prototype.handleMouseDown) == "function") {
pega.util.DragDrop.prototype.handleMouseDownOriginal = pega.util.DragDrop.prototype.handleMouseDown;
pega.util.DragDrop.prototype.handleMouseDown = function(e, oDD) {
/* bug fix for text inputs become readonly on chrome browser */
if (this.id && this.handleElId && this.id == this.handleElId) {
try {
var tarElem = pega.util.Event.getTarget(e);
if (tarElem && tarElem.tagName &&
(tarElem.tagName.toLowerCase() == "input" || tarElem.tagName.toLowerCase() == "select" ||
tarElem.tagName.toLowerCase() == "radio" || tarElem.tagName.toLowerCase() == "button" ||
tarElem.tagName.toLowerCase() == "checkbox" || tarElem.tagName.toLowerCase() == "textarea")) {
return;
}
} catch(e) { }
}
this.handleMouseDownOriginal(e, oDD);
}
}
</script>
var isIEBrowser = navigator.userAgent.indexOf("MSIE") >= 0 ? true : false;
if (!isIEBrowser && pega && pega.util && pega.util.DragDrop &&
pega.util.DragDrop.prototype && typeof (pega.util.DragDrop.prototype.handleMouseDown) == "function") {
pega.util.DragDrop.prototype.handleMouseDownOriginal = pega.util.DragDrop.prototype.handleMouseDown;
pega.util.DragDrop.prototype.handleMouseDown = function(e, oDD) {
/* bug fix for text inputs become readonly on chrome browser */
if (this.id && this.handleElId && this.id == this.handleElId) {
try {
var tarElem = pega.util.Event.getTarget(e);
if (tarElem && tarElem.tagName &&
(tarElem.tagName.toLowerCase() == "input" || tarElem.tagName.toLowerCase() == "select" ||
tarElem.tagName.toLowerCase() == "radio" || tarElem.tagName.toLowerCase() == "button" ||
tarElem.tagName.toLowerCase() == "checkbox" || tarElem.tagName.toLowerCase() == "textarea")) {
return;
}
} catch(e) { }
}
this.handleMouseDownOriginal(e, oDD);
}
}
</script>
Published August 31, 2015 - 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.