$ionicModal odd behaviour

Hi all: Am attempting to do a login modal for an Ionic app using $ionicModal, and the dialog behaves oddly.

First of all, it renders a chunk of whitespace at the bottom of the modal, and secondly, as soon as the on-screen keyboard pops up, it blanks off the bottom half (roughly) of the modal.

Anyone have any idea? This is basic app using the sidemenu template running on Ionic 1.2.4, with zero custom CSS. Thanks :slight_smile:

Hi, did you ever get this sorted out? I am having the same issue with a form in an $ionicModal. When i click an input and the keyboard appears, all the inputs on the modal disappear. If I close the keyboard and tap the blank modal, the inputs reappear again.

Was looking for a solution as well.

What happens is that when the keyboard opens, it will add the viewport height onto <ion-content> tag. therefore you could just put a .my-modal-class ion-content { height: 100vh !important; } and the padding should disappear. #hackalicious