Expected behavior:
User taps text input field / textarea, the keyboard pops up as the screen moves up and focus remains in text area.
Current behavior:
User taps text input field / textarea, the keyboard pops up and the focus on input field is lost.
I found that updating the meta tag for viewport in index.html to the following resolved all of my issues.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
Expected behavior:
User taps text input field / textarea, the keyboard pops up as the screen moves up and focus remains in text area.
Current behavior:
User taps text input field / textarea, the keyboard pops up and the focus on input field is lost.
I found that updating the meta tag for viewport in index.html to the following resolved all of my issues.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />