Support Article
Clear Text icon not displayed within the text input field in IE
SA-44794
Summary
Clear Text (X) icon, within a text input field, does not display. This occurs in the Internet Explorer browser after upgrading to Pega 7.2.
Error Messages
Not Applicable
Steps to Reproduce
- Upgrade from PRPC 6.1 to Pega 7.2.
- Create a section.
- Include a text input field in the created section.
- Enter some value in the text input field at runtime.
Root Cause
This behavior is as per Pega product design. This icon was unique to the Internet Explorer browser, and was removed from text input elements to unify Pega displays across browsers.
Resolution
Perform the following local-change:
Add the following code snippet to the UserWorkForm to display the Clear Text (X) icon in the Internet Explorer browser. <style>
.ie11 input::-ms-clear, .ie10 input::-ms-clear, .edge input::-ms-clear {
display: block !important;
}
</style>
Note: This is a pseudoelement which is not supported by Chrome and Firefox browsers.
Published February 16, 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.