I have tried to make a mobile version of my container, containing textInputs, when I realised it's probably impossible. So here are the steps I followed.
- Created container with text inputs in desktop version.
- Copied the same container into mobile version, but adjusted the size so it will snap to edges nicely.
Then I noticed my inputs in mobile version have different names(appended 2). So mobile and desktop version are sharing the same components. The only option is to create updater queries from scratch for mobile versions? This will be nightmare to create, because I have number of text inputs as well as maintain it. All I wanted is to have container to look good on desktop and to snap to edges on mobile. If I leave only desktop, then I have a tiny controller on mobile screen. Otherwise I have giant container on desktop.