Mobile keyboard with responsive profile problem

Similar problem to https://wisej.com/support/question/mobile-keyboard-problem

I have a single page app the 2 text boxes in a panel. They have size and font setting for default and phone responsive profiles.  Textbox2 shows page width and height and current client profile, updated by responsive profile change. When using browser on android  phone (chrome or samsung), on activating keyboard when entering in Textbox1 page, height of course reduces but text boxes lose their phone profile and revert to default sizing.

I have <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> in default.html