Just spent 4 hours debugging the problems and came to the conclusion that its a chrome bug. I hope someone like me finds it and it will be helpful.
So the problem is, chrome doesn't trigger the <code>resize()</code> event sometimes. If you have resize event listener to calculate the inner height of the container, chances are on IOS devices in chrome, if you change you screen orientation from landscape to portrait, the height of the container will stuck in landscape mode. But if you do that rotation of orientation once more, its all good. It doesn't happen that often, but its there.
This issue doesn't seem to happen in Safari.

Just spent 4 hours debugging the problems and came to the conclusion that its a chrome bug. I hope someone like me finds it and it will be helpful.

So the problem is, chrome doesn't trigger the `resize()` event sometimes. If you have resize event listener to calculate the inner height of the container, chances are on IOS devices in chrome, if you change you screen orientation from landscape to portrait, the height of the container will stuck in landscape mode. But if you do that rotation of orientation once more, its all good. It doesn't happen that often, but its there.

This issue doesn't seem to happen in Safari.


Annoying Chrome orientation height bug in IOS!

Product

Explore

Company

Blogs

Support