I am building one phonegap app for android and iOS devices. Everything is working fine but I have one popup menu with default 100% width. It is covering 100% width on portrait mode but when I change it to landscape mode it randomly applies portrait mode styles to popup and it just covered the past width it had.
How to make sure that with orientation change the style got updated without failing? I am able to reproduce this case in chrome dev tool emulators, android and iOS devices.
The below dom element is created by Kendo. And also styles are generated on the fly.
The below style is generated for portrait mode
And this one is for landscape mode which creates the issue. Its very random and there is no specific pattern for it.