Resize viewport on keyboard toggle

Created: 2023-10-31 21:12

On mobile Chrome, to have the browser resize the viewport when the keyboard is displayed/hidden, use interactive-widget=resizes-content.

<meta
    name="viewport"
    content="width=device-width, initial-scale=1, interactive-widget=resizes-content"
>

Sources:

• SO: Chrome 108 changed the way 100% height is calculated when mobile keyborad is on
• Prepare for viewport resize behavior changes coming to Chrome on Android