Keyboard displacement and size on tablet causes a horrible UX

[adamdewey]

What went wrong? 😲

The UX on a tablet is not great at the moment - opening the keyboard causes everything to jump around in a dizzying fashion and it also takes up a huge amount of real estate.

I usually find myself having to close the keyboard so I can see what I'm doing and then having to re-open it again to type something in!

Give most of our users are likely to be using a tablet rather than a computer I really think we should try to improve the UX on the tablet.

https://github.com/msupply-foundation/open-msupply/assets/19318937/ea2df68c-0e4d-4ca6-8b4b-10751b5175e5

Expected behaviour 🤔

A couple of big wins would be:

1. Stop screen jumping around so much when the keyboard is open, especially stop the top of the modals going off the top of the screen as the user then can't see that information without closing the keyboard.
2. Make the default keyboard smaller (I show a slightly smaller keyboard via the Android settings in the video - but perhaps could be optimised futher?)

Would be great to get @mariyamsupply's thoughts here too.

How to Reproduce 🔨

Steps to reproduce the behaviour:

1. Just play around with the tablet, pretend you're a poor sod that has to use this daily.

Your environment 🌱

• Open mSupply Version: 2.1.0-rc2
• Hardware: Samsung Tab A7

[CarlosNZ]

This is probably something that needs to be solved properly once and for all, so marking as "Severity: High" for now -- should be assessed in formal triage.

[andreievg]

Triage, lets see if we can make default keyboard smaller automatically -> thus high priority. As per overall design, priority is lower

[regotaina]

Cannot use the dropdown box or type to search the item while adding an item (creating an internal order). It looks like this: