Support Article

Action area drop-down doesn't work correctly with keyboard on IE

SA-33576

Summary



On Internet Explorer (IE) 11, when user tries to navigate in Action Area, which is configured with drop-down via keyboard, the section immediatly refreshes and opens the first action it finds, not allowing user to select appropriate value.

Issue is when user tabs into the Dropdown of pyActionArea and user presses Down key, system performs the action on the first item in the list.

Ideally, it should have just selected and should have waited for the user to click '‘Enter’ before performing action on the selection, but, it did not wait.


Error Messages



In case there are no available flow action and the form just has location action, the seperator is selected and form throws error message "Select an action..."


Steps to Reproduce



1. Open Internet Explorer 11.
2. Configure pyActionArea to display as drop-down.
3. While navigating in flow use keyboard and selection values on Other Action.


Notice that the screen immediatly refreshes and does not give oppertunity for user to select value.


Root Cause



This is the default behaviour of the Internet Explorer browser.

Resolution



To prevent this default behaviour of Internet Explorer browser, perform the below local-change steps:
  1. Save the UserWorkForm HTML fragment in the application ruleset.
  2. Paste the below code in this rule:

<script>
pega.u.d.attachOnload(function(){

var numberElements=document.querySelectorAll(".ie input[type='number']");
debugger;
for(var i=0;i<numberElements.length;i++){ console.log("number");
numberElements[i].addEventListener('keydown', function(e) {
console.log("inside");
var key = e.keyCode ? e.keyCode : e.which;

if (!( [8, 9, 13, 27, 46, 110, 190].indexOf(key) !== -1 ||
(key == 65 && ( e.ctrlKey || e.metaKey ) ) ||
(key >= 35 && key <= 40) ||
(key >= 48 && key <= 57 && !(e.shiftKey || e.altKey)) ||
(key >= 96 && key <= 105)
)) e.preventDefault();
});
}});
</script>

Published February 10, 2017 - Updated February 23, 2017


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.