SA-19908

Summary

When user clicks hotkey buttons, it creates a blue box around the button which causes cosmetic glitch. The buttons without hotkeys applied behaves as expected.

Error Messages

No error. but UI behaves unexpectedly which causes some user-friendliness issues.

Steps to Reproduce

1. Configure two button in a section. One button as Hotkey by adding " &' " in button caption field of cell properties. For ex :- HotKey&'. And add another normal button. 
2. Configure section in a flow action and call it in a flow. 
3. Run the flow and observe the a blue color box around HotKey when it is clicked.

Root Cause

A defect in Pegasystems' code or rules is due to margin-left = 0.3em is getting added in access key button's code.

Resolution

Setting the button's after pseudo class with margin-left to 0. 

<style> 
button[accesskey]::after{ 
margin-left: 0; 
} 
</style>