Hi,

Our customer reported that dropdown arrow icon disappeared after upgrading from 8.2 to the latest 8.8. In this post, I will share the root cause and how we resolved the issue. Be noted, this issue is specific to UI-Kit application and not observed in Cosmos application.

1. Issue

After they upgraded Pega Platform from 8.2 to 8.8, the dropdown arrow icon has gone as below.

2. Root cause

There is an issue with py-mobile-controls css Text File rule in UI-Kit version 13.01 and 14.01. The issue is already fixed in UI-Kit 15.01. Any UI-Kit application that is running on Pega 8.6 and above must use version 15.01. Our recommendation is always to use the latest UI-Kit as we offer the bug fixes and UI enhancements over the upgraded code. However, some customers don't want the UI behavior to change or adapt to the new look & feel. Also, this opens the doors of end-to-end testing from customers end of the entire application which they may not be ready to do at moment. Hence, they try to stick to the old version until they have the stories created to do the same.

3. Workaround

The best solution is to update UI-Kit version to the latest 15.01.

However, if customer can't accept this approach and if they want to keep old UI-Kit version for any reasons, here is how we locally fixed the issue.

Override pyEndUser to your ruleset. In Component styles tab, navigate to Dropdowns controls. Click Standard and add below attribute and value to Additional styles in Background:

background-image: url(webwb/caret-down.svg)

Hope this helps. 

Thanks,