SA-12567

Summary

On Pega 7.1.8, autocomplete control does not render correctly in Chrome browser. When user clicks on the control, or the control receives focus, the current harness seems to be masked (hiding content).

It appears as if the autocomplete is rendering in a "mobile" mode.

Error Messages

Not Applicable

Steps to Reproduce

Using chrome browser, click on the autocomplete control.

Root Cause

Reported issue points to the function, pega.cl.isTouchable, that determines if it is a touch device or not. The determination is made using the following function in pzpega_ui_env.js

(function () {
var isTouch = !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
pega.cl.isTouchAble = function(){
return isTouch;
};
})();

By deafult, 'isTouchAble' values is set as true and application is rendered in the mobile mode causing the reported issue.

Resolution

This issue is resolved through the following local-change: Override the function, 'isTouchAble' in userworkform to always return false.

<script>
pega.cl.isTouchAble = function(){
return false;
};
</script>