Support Article
Modal Submit button highlights partially on click
SA-54549
Summary
Clicking the modal dialog Submit button, highlights the button partially. This occurs after updating to Pega 7.3.
Error Messages
Not Applicable.
Steps to Reproduce
- Update the application from Pega 7.1.9 to Pega 7.3
- Click the modal Submit button
Root Cause
This is an issue with pzModalButton markup. The button tag does not occupy the entire button size as displayed. Hence, the active: pseudo selector Cascading Style Sheets (CSS) is applied only to the button area.
Resolution
Perform the following local-change:Add the below code in UserWorkForm:
<style>
.Strong button.buttonTdButton:not([disabled]):active {
background-color: transparent;
}
.Strong button.buttonTdButton{
outline: none;
}
</style>
Published April 10, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.