On testing some of the approaches above i noticed that chrome on ios had issues with proper triggering of the orientationchange event listener. I tried resize in its place and it worked but it created other issues on pages with forms etc which automatically resize.
Is there any other alternative to make orientationchange work in chrome for ios?
Another issue I hit was that the alert pages sometimes loaded automatically zoomed in and when the orientation was changed back to portrait the portrait scene was also automatically zoomed in and after that it freezes. This happens on chrome for ios again. Any ideas/solutions?