# Google map is squeezing after clicking on ion-input How to fix this?

**URL:** <https://forum.ionicframework.com/t/google-map-is-squeezing-after-clicking-on-ion-input-how-to-fix-this/125004>\
**Category:** ionic-v3\
**Created:** [March 17, 2018, 9:50pm UTC](https://forum.ionicframework.com/t/google-map-is-squeezing-after-clicking-on-ion-input-how-to-fix-this/125004 "2018-03-17T21:50:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Qabrix](https://avatars.discourse-cdn.com/v4/letter/q/58f4c7/32.png) [@Qabrix](https://forum.ionicframework.com/u/Qabrix)\
**Post date:** [March 17, 2018, 9:50pm UTC](https://forum.ionicframework.com/t/google-map-is-squeezing-after-clicking-on-ion-input-how-to-fix-this/125004/1 "2018-03-17T21:50:27Z")

</div>

so I have created an app which is using google maps API and some ion-inputs to set directions. But every Time when I click on ion-input and I want to type something in it the map squeezes. I don’t know how to fix it.

It looks like this:  
Before clicking:  
[![](https://i.stack.imgur.com/EUsqp.jpg) ](https://i.stack.imgur.com/EUsqp.jpg)

After clicking:  
[![](https://i.stack.imgur.com/bVnaN.jpg) ](https://i.stack.imgur.com/bVnaN.jpg)

Does anybody knows how to help me?

Thanks in Advance!

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 9:44pm UTC](https://forum.ionicframework.com/t/google-map-is-squeezing-after-clicking-on-ion-input-how-to-fix-this/125004/2 "2021-07-19T21:44:34Z")

</div>

Closed on July 19, 2021, 9:44pm UTC


