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

User section fields are not editable in Google Chrome



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.


This issue is resolved through the following local-change:
Place the below script in User work form: 
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.handleElId && == 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")) {
                                                } catch(e) { }
                                this.handleMouseDownOriginal(e, oDD);

Published August 31, 2015 - Updated October 8, 2020

Was this useful?

0% found this useful

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

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