# Modal on iOS not clickable

**URL:** <https://forum.ionicframework.com/t/modal-on-ios-not-clickable/8752>\
**Category:** ionic-v1\
**Created:** [August 25, 2014, 7:36pm UTC](https://forum.ionicframework.com/t/modal-on-ios-not-clickable/8752 "2014-08-25T19:36:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![shoustin](https://avatars.discourse-cdn.com/v4/letter/s/4af34b/32.png) [@shoustin](https://forum.ionicframework.com/u/shoustin)\
**Post date:** [August 25, 2014, 7:36pm UTC](https://forum.ionicframework.com/t/modal-on-ios-not-clickable/8752/1 "2014-08-25T19:36:39Z")

</div>

Hello,

I use beta.11, when I show modal on iOS its not sensible. when I try to scroll modal list, it scrolls background view.  
I started to debug and found that `pointer-events:none;` is activated.

I have no clue why it adds `loading-active` class.

See print screen bellow:

![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/3391/7f732581dce8feea.png)

From Ionic.bundle.js:

line 36398:

```
      //Don't show until template changes
        if (self.isShown) {
          self.element.addClass('visible');
          ionic.requestAnimationFrame(function() {
            self.isShown && self.element.addClass('active');
            $document[0].body.classList.add('loading-active');
          });
        }

```

Any suggestions?

_On Android, Chrome, Safari - works as expected_

**[EDIT]**

It happens because of Ionic loader. Somehow it doesn’t remove class when loader is hidden.

Thanks,

---

<div class="post-metadata">

**Author:** ![Dipesh](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dipesh/32/7649_2.png) [@Dipesh](https://forum.ionicframework.com/u/Dipesh)\
**Post date:** [August 27, 2014, 9:07am UTC](https://forum.ionicframework.com/t/modal-on-ios-not-clickable/8752/2 "2014-08-27T09:07:39Z")

</div>

Similar issue

> **[Modal not receiving touch events](http://forum.ionicframework.com/t/modal-not-receiving-touch-events/8025)**
>
> Hi, My modals aren't receiving touch events; specifically, pointer-events: auto is being overriden: In the picture of webkit inspector above, the pointer-events: auto is being superseded by the pointer-events: none. A solution is to do the...
