# App not responding to clicks after dismissing loading modal

**URL:** <https://forum.ionicframework.com/t/app-not-responding-to-clicks-after-dismissing-loading-modal/115630>\
**Category:** ionic-v3\
**Created:** [December 17, 2017, 5:14pm UTC](https://forum.ionicframework.com/t/app-not-responding-to-clicks-after-dismissing-loading-modal/115630 "2017-12-17T17:14:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![saip92](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@saip92](https://forum.ionicframework.com/u/saip92)\
**Post date:** [December 17, 2017, 5:14pm UTC](https://forum.ionicframework.com/t/app-not-responding-to-clicks-after-dismissing-loading-modal/115630/1 "2017-12-17T17:14:06Z")

</div>

Hi,

I have a rather strange issue. Unfortunately, I don’t have a simple sample to share. Will try to reproduce and get one.

Either way, it goes like this -

I have 2 pages - A & B

I can perform a certain action to go A -\> B and similar another to go B -\> A.  
A by product of the action is a Loading Modal which is displayed as soon as the action is performed and is dismissed just before the navigation.

So, A -\> B is fine but when I do B -\> A, the UI doesn’t respond after A comes up.

Observations:

1. The action is a network request, so if I set Chrome to throttle its speed, everything is fine.  
Maybe dismissing the loading too fast is the problem?
2. If I try the element selection in chrome dev tools, the complete page is selected. It doesn’t catch any of the underlying elements.  
Maybe there is a hidden div? I tried removing them (in chome dev tools) but to no avail.

The only out of the ordinary (crazy) thing in the app is that I have a custom component which handles the loading controller as a sibling to the root ion-nav. It gets its requests via ngrx to show or dismiss the loading modal.

All this information is probably not that helpful without a sample app though. Was just hoping someone came across a similar issue and fixed it.  
Will try getting one if I am able to reproduce it.

---

<div class="post-metadata">

**Author:** ![saip92](https://avatars.discourse-cdn.com/v4/letter/s/c77e96/32.png) [@saip92](https://forum.ionicframework.com/u/saip92)\
**Post date:** [April 14, 2018, 8:51am UTC](https://forum.ionicframework.com/t/app-not-responding-to-clicks-after-dismissing-loading-modal/115630/2 "2018-04-14T08:51:22Z")

</div>

I unexpectedly found the problem and the solution. Not sure if its a bug though.

So, basically, one important piece of information, that I’m not sure if it would’ve helped before, is that the action for B -\> A, was from a button in the side menu.

So, on clicking this button, if things moved too fast, the ion-nav tag ended up still having **.menu-content-open** on which the **ion-content** in the page ended up getting **pointer-events: none**.  
This was the root of the problem and if you were wondering, I did have the `menuClose` directive.

The only workaround I found for now was to call `this.menuCtrl.close();` in the button click handler.

Hope this helps someone 😉

---

<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:59pm UTC](https://forum.ionicframework.com/t/app-not-responding-to-clicks-after-dismissing-loading-modal/115630/3 "2021-07-19T21:59:02Z")

</div>

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