MIDIano icon indicating copy to clipboard operation
MIDIano copied to clipboard

Landscape mode does not work when application installed on mobile/tablet device

Open dgautherot opened this issue 2 years ago • 9 comments

Hello, First, thank you for this great piece of application !

I'm facing an issue with it when this application is installed onto android devices (like mobile phone or tablet).

When I'm using the application from a web browser, if I rotate the device to use it in landscape mode, so that the keyboard becomes bigger, then it works.

But if I install the application on the device (as it is a progressive web app, it is proposed to be installed directly onto the device, more comfortable when no internet connexion), when I rotate it, the landscape mode does not work, it remains in portrait mode and thus the keyboard remains tiny and it is difficult to play.

Can you have a look at this issue ?

Thank you.

dgautherot avatar Jan 27 '24 11:01 dgautherot

Hey there, thanks for reporting this. I just noticed this myself yesterday. Somehow the resize callback isn't triggered when the device orientation changes. One workaround for now is to hide/show the top menu by clicking the little caret under the progress bar (see screenshot) , which will trigger the resize manually. image

That should help until I fix the bug. It also seems to only affect iOS

Bewelge avatar Jan 27 '24 11:01 Bewelge

Hello, This issue arises on android devices as well, and the proposed workaround does not work. I mention that the application is installed directly onto the device, as proposed by the web browser. So in that case, the header toolbar as per your screenshot is not the same.

dgautherot avatar Jan 29 '24 09:01 dgautherot

Ah so your issue is that the app isn't even rotating to landscape? Sorry I misunderstood that. Can't reproduce it though, both on my android and iPhone it rotates even when installed as PWA. Only iOS has an issue with not properly resizing the menu to landscape mode (but it still rotates to landscape). Will have to further investigate.

Bewelge avatar Jan 29 '24 09:01 Bewelge

If I can help, tell me.

dgautherot avatar Jan 29 '24 09:01 dgautherot

Can you tell me what device you are using?

Bewelge avatar Jan 29 '24 09:01 Bewelge

So it turns out this was a bug in Chrome. It should be working now. Reopen if you're still having trouble.

Bewelge avatar Jan 29 '24 10:01 Bewelge

I'm using Huawei Mate 20 Lite on Android 10. When app is run from the base URL in browser, no problem to switch from portrait to lansdscape. When installed directly in android, it still doesn't switch to landscape.

dgautherot avatar Jan 29 '24 11:01 dgautherot

I think the issue is still not solved, and should be kept opened status. (I don't know how to reopen it)

dgautherot avatar Jan 29 '24 11:01 dgautherot

Sorry forgot to mention: You will have to uninstall the app. Then clear your cache (Settings -> Website Settings -> Website data) for app.midiano.com and then re-install. Let me know if that works.

Bewelge avatar Jan 29 '24 13:01 Bewelge

Assuming this worked. Reopen if you still need help.

Bewelge avatar May 20 '24 10:05 Bewelge