Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

UI is distorted in iOS 10.2 and extra space displays in IE



Application UI is distorted when it is opened with iOS 10.2. On setting the Height: auto, the UI is not distorted. However, extra space displays for Repeating Dynamic Layout content in Internet Explorer browser.

Error Messages

Not Applicable

Steps to Reproduce

  1. Open the application in the Internet Explorer browser
  2. Open the application in iOS 10.2 Safari browser.  

Root Cause

A software use or operation error.
In custom CSS, container height is set to 100% !important. This caused the distortion in iOS 10.2 Safari UI. When Height:auto is set, the UI is not distorted. However, in the Internet Explorer browser extra space is displayed.


Perform the following local-change:

Modify the style as below.

For Internet Explorer,

.ie .content-sanui_dynamic_repeat.flex > .flex-row.content-item.flex // IE specific fix
height: 100% !important;

For iOS 10.2,

.content-sanui_dynamic_repeat.flex > .flex-row.content-item.flex
height: auto !important;


Published July 23, 2018 - Updated October 8, 2020

Was this useful?

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.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us