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.
Steps to Reproduce
- Open the application in the Internet Explorer browser
- Open the application in iOS 10.2 Safari browser.
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;
0% found this useful