Modal Input breaking layout


Hi all,
New to the framework. I’m liking it so far, but still learning.

I have an app that’s using inputs inside of a modal. It works fine until I select the input in the modal. The modal then gets slightly wider and taller and forces itself off the screen on the phone.

It then resizes itself to fit the screen properly. When I cancel the modal, the underlying UI is too large. Some of the UI is off to the left, other parts are pushed off the bottom of the screen.

Anyone know what’s going on ?



And solved! Here’s the answer for posterity.

I was porting an app instead of greenfield, so I didn’t use the boilerplate. The problem was the viewport meta tag wasn’t set appropriately. I had:

<meta name="viewport" content="width=device-width" />

I needed:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">