I have extensively read many posts in this topic but I have yet to see a consistent, straightforward solution to this problem.
When I click on a text input, the keyboard squashes the columns causing all the components to overlap each other. Below is an image to illustrate:
I understand from reading through different posts that the solution may lie in the ‘overflow’ or ‘scrollable’ settings, however, I have altered these settings for a while and nothing seems to work. If someone could show a straightforward way of solving this issue, it would be much appreciated.