# Slow and bugginh modal showing and hiding

**URL:** <https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450>\
**Category:** ionic-v1\
**Created:** [February 27, 2014, 9:19pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450 "2014-02-27T21:19:33Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![lmhofling](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@lmhofling](https://forum.ionicframework.com/u/lmhofling)\
**Post date:** [February 27, 2014, 9:19pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/1 "2014-02-27T21:19:34Z")

</div>

Hi,

I’m having problems with modals, when i call show() and hide() method, sometimes have delay and sometimes the modal stay on front but invisible and sometimes it stay invisible but on front of view… in the last 2 cases, the “click” goes to the behind screen.

Testing in chrome I had no problems, only on the emulator and on the device (ios).

Somebody can help me?

Tks.

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [February 27, 2014, 11:08pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/2 "2014-02-27T23:08:27Z")

</div>

There’s been a bit of back and forth on this already. Check for solutions in this post:

> [@Modal background bug](http://forum.ionicframework.com/t/modal-background-bug/1345/):
>
> Hi, I think there is a bug when you open a modal, sometimes you can see the content behind the modal. The background-color of the modal seems not to be applied (it should cover the content behind the modal). However when you resize the windows, the modal cover the whole content. I saw this in Chrome browser. It will work well after resizing the window. You can see this behavior [here](http://codepen.io/anon/pen/ompqL).

---

<div class="post-metadata">

**Author:** ![lmhofling](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@lmhofling](https://forum.ionicframework.com/u/lmhofling)\
**Post date:** [February 28, 2014, 2:28pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/3 "2014-02-28T14:28:05Z")

</div>

It’s a little bit different than occurs with me, the window that should stay in front, stay behind and invisible, but the “clicks” goes to it even I can not see.

In version 0.9.21 it not occurs this problem, in version 0.9.26 i have this problem.

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [February 28, 2014, 4:01pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/4 "2014-02-28T16:01:59Z")

</div>

Look at this sample: It’s a delayed modal. It opens after 500msec. When you click the login button in the modal, the modal closes. It’s plenty fast.

https://codepen.io/calendee/embed/preview/oCLJF?height=300&slug-hash=oCLJF&default-tabs=js,result&host=https://codepen.io

Maybe fork it with your code so we can see the issue?

---

<div class="post-metadata">

**Author:** ![lmhofling](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@lmhofling](https://forum.ionicframework.com/u/lmhofling)\
**Post date:** [February 28, 2014, 8:41pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/5 "2014-02-28T20:41:08Z")

</div>

> [@Calendee](#):
>
> rome browser. It will work well after resizing the w

Calendee,

How you fix the problem of resize? Maybe it can help me.

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [February 28, 2014, 11:45pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/6 "2014-02-28T23:45:26Z")

</div>

Not sure which resize problem you are referring to. Can you explain a bit more?

---

<div class="post-metadata">

**Author:** ![lmhofling](https://avatars.discourse-cdn.com/v4/letter/l/b5a626/32.png) [@lmhofling](https://forum.ionicframework.com/u/lmhofling)\
**Post date:** [March 6, 2014, 8:29am UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/7 "2014-03-06T08:29:04Z")

</div>

> [@Calendee](#):
>
> this in Chrome browser. It will work well after resizing the window. You can see this behavior here.

Hi,

In this [link](http://codepen.io/anon/pen/ompqL), when the modal shows, i can see the background of behind content.

How to fix it?

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [March 6, 2014, 3:18pm UTC](https://forum.ionicframework.com/t/slow-and-bugginh-modal-showing-and-hiding/1450/8 "2014-03-06T15:18:13Z")

</div>

There were a few modal problems in 0.9.25 - which your demo uses. Actually, your demo worked fine in Chrome Canary but did not work properly in regular Google Chrome.

See this updated example that uses 0.9.26. It works fine in both.

https://codepen.io/calendee/embed/preview/LngKt?height=300&slug-hash=LngKt&default-tabs=html,result&host=https://codepen.io
