Support Article
UI is distorted in iOS 10.2 and extra space displays in IE
SA-55754
Summary
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
- Open the application in the Internet Explorer browser
- 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.
Resolution
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
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.