Support Article

“Text Input” focus is not working properly only in IE



While using Internet Explorer, once some text is entered in a text field and when clicked outside the field and again clicked on the Text field, the focus is not going to the Text field inspite of multiple clicks.

Also user is not able to point some where in the text using mouse (Only with side arrows user is able to point but not with mouse).

This works well in Chrome browser.

Error Messages

Internet Explorer Console: Script error "Unable to get property 'scrollLeft' of undefined or null reference".

Steps to Reproduce

1. Create a section with a Text input(Required) and a label:

<%tools.putParamValue("ErrorMsg",tools.getPrimaryPage().getMessagesAll());%><pega:reference name="param.ErrorMsg" mode="literal"/>

2. Launch this section as a Modal dialog from another section.
3. Input some text inside text input.
4. Focus out and submit. Error appears on the screen.
5. Now, try to click inside "Text Input".
6. Observe Focus is not inside Text input.
7. After several clicks only, focus is inside "Text Input"

Root Cause

A defect in Pegasystems’ code or rules.

Whenever a click happens anywhere, setModalScrollLeft function in ui_grid JS gets called.

It errors out and somehow, in Internet Explorer, the text field becomes non-editable.


Apply HFix-33872.

Published April 20, 2017 - Updated May 8, 2017

Have a question? Get answers now.

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