# $ionicModal inputs disappear when keyboard active

**URL:** <https://forum.ionicframework.com/t/ionicmodal-inputs-disappear-when-keyboard-active/67291>\
**Category:** ionic-v1\
**Created:** [October 18, 2016, 12:39am UTC](https://forum.ionicframework.com/t/ionicmodal-inputs-disappear-when-keyboard-active/67291 "2016-10-18T00:39:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bplogan](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bplogan/32/104020_2.png) [@bplogan](https://forum.ionicframework.com/u/bplogan)\
**Post date:** [October 18, 2016, 12:39am UTC](https://forum.ionicframework.com/t/ionicmodal-inputs-disappear-when-keyboard-active/67291/1 "2016-10-18T00:39:17Z")

</div>

Hi, I have a form with one input in an $ionicModal. The modal displays properly but as soon as tap the input to enter text and the keyboard appears, everything in the modal disappears. If I type some text, and close the keyboard, then tap the modal, everything reappears. Any suggestions?

---

<div class="post-metadata">

**Author:** ![bplogan](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bplogan/32/104020_2.png) [@bplogan](https://forum.ionicframework.com/u/bplogan)\
**Post date:** [October 19, 2016, 4:43pm UTC](https://forum.ionicframework.com/t/ionicmodal-inputs-disappear-when-keyboard-active/67291/2 "2016-10-19T16:43:16Z")

</div>

Just for those who may have a similar issue, in my modal html I wrapped everything in the ion-content tag. Removing that tag solved the issue.

---

<div class="post-metadata">

**Author:** ![amostech](https://avatars.discourse-cdn.com/v4/letter/a/e79b87/32.png) [@amostech](https://forum.ionicframework.com/u/amostech)\
**Post date:** [August 23, 2017, 6:20am UTC](https://forum.ionicframework.com/t/ionicmodal-inputs-disappear-when-keyboard-active/67291/3 "2017-08-23T06:20:32Z")

</div>

Hey! I ran into the exact same problem and indeed your suggestion does help but I would like to say that removing the \<ion-content tag would not be adviseable.

Instead, I took a look at CSS generated for the modal-wrapper and it happens to be due to the keyboard shrinking the view size when the input gains focus.

To my use case all I had to do was to add the following css:

```auto
<style>
  ion-modal-view {
    height: 100vh !important;
  }
</style>

```