search

ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

[RadSideDrawer] getting squished after orientation change #1532

Open jchavezberkeley opened 3 years ago

jchavezberkeley commented 3 years ago

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:

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.

sd_open_reg

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

sd_open_landscape_reg

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

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 commented 3 years ago

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?