IOS 13.3.1 elements disappearing in Safari

After latest IOS 13.3.1, the half part of my page in a full screen modal(with scroll) is not getting displayed when the page is loaded. All the elements are rendered in the DOM and able to inspect it, but it is displayed sometimes when it is scrolled down in devices with a larger screen-size and not at all displaying in devices with a smaller screen-size. Would like to raise this issue as a part of latest IOS update 13.3.1.


Webkit-transform: translate3d(0,0,0) seems to be fixing the issue, but it again disappears when the page is reloaded. Any known solutions for this or is this an expected behavior?

Hi vinayakkchandran,


How did you solve this issue? It is also happening on my website and I'd like to know the reason about this error and how to solve it.

If you can still reproduce this issue in iOS 13.5.1 or the iOS 14 beta, please file an issue in Feedback Assistant, and provide the URL of a page where the issue occurs.
vinayakkchandran, by any chance are you using position: relative on the elements that are not displaying correctly?

I'm seeing an issue where elements are rendering out of place and then after some time they seem to return to their natural place.

I can recreate this in iOS 13.4, 13.5.0, 13.5.1. I don't have access to iOS 13.3.1 Simulator or device.
IOS 13.3.1 elements disappearing in Safari
 
 
Q