Issue with left side navigation when changing orientation

[bunibutt]

When orientation is changed from portrait to landscape while the left side menu is enabled, a gap appears beside the left side menu. The white gap pushes into panel view, and the panel mask disables the user from tapping the content within the panel view. Left side menu is shown by default in landscape mode, but not in portrait mode. A hack was found using the "orientationchange" event, but would like to see a fix for this issue.

Specs on the device and the framework version: SamSung Galaxy Tab 4 Model Number: SM-T230NU Android Version: 4.4.2 Build Number: KOT49H.T230NUUEU0ANJ3 intel-appframework - v2.1.0

Error screen captures: Portrait Mode

Landscape Mode

[imaffett]

What's the screen size on the deivce? We do not have it here to test.

[bunibutt]

For the Samsung Tab 4, the specifications say it has a resolution of 1280x800, but hooking up browser debugging tools over USB indicates a scaled down size of 962x601. This translates to 962x577 in landscape mode and 601x937 in portrait mode, taking the device’s status menu into account.

Note that in the app the left menu had to be opened manually in portrait mode, which is too narrow for the framework to display in splitview. When the app is rotated to landscape mode, splitview takes effect, but the panel mask and the CSS transform that pushes the #content div to the right are not removed.