[RadSideDrawer] getting squished after orientation change

[jchavezberkeley]

Please take a minute to read our NativeScript Code of Conduct before proceeding with posting issues or discussing. The purpose of this guide is to make communication and cooperation within our forums a pleasure for you and the other members.

iOS/Android

Please provide the following version numbers that your issue occurs with:

• nativescript-ui-sidedrawer: 7.0.4
• CLI: 8.0.2
• Cross-platform modules: tns-core-modules "6.6.0-next-2020-05-08-112112-01"
• Runtime(s): tns-ios 6.5.3 and tns-android 6.5.3

I’m having an issue with RadSideDrawer (nativescript-ui-sidedrawer) that is really affecting UI. My app is on NS6 on the App Store and I intend for it to stay on NS6 for the time being (as in I hope this solution doesn’t involve migrating to NS7 or NS8 because this is rather an urgent issue and migration could take a long time).

Basically what is happening is that when I open my RadSideDrawer in portrait orientation, the drawer looks correct. However, when I close the drawer and then flip my device into landscape and then re open the drawer, the drawer looks squished. It’s only when I leave the drawer open from portrait to landscape that the drawer in landscape looks correct, although it looks wrong still on the side. This didn’t use to happen and none of my code changed, so I'm not entirely sure where to look. I know that I upgraded my nativescript-ui-sidedrawer from 4.3.1 to 7.0.4. If anyone would know how to help or have suggestions, it would be greatly appreciated as I hope to release this update soon.

Here is the side drawer open in portrait.

Here is the drawer opened in landscape. Note that I close the drawer in portrait, flipped the device, and then re opened the drawer

Here is the drawer opened in landscape after leaving it open during orientation change. It’s not squished but still looks wrong

EDIT: The last picture is what the drawer should look like after closing the drawer in portrait and opening it back up once in landscape.

[jchavezberkeley]

Someone mentioned that I should use .ns-landscape in the CSS so that a change in the orientation causes the RadSideDrawer to reload it self. How can this be done?