# Phaser buttons still clickable under other objects

**URL:** <https://phaser.discourse.group/t/phaser-buttons-still-clickable-under-other-objects/8606>\
**Category:** Phaser 3\
**Created:** [January 10, 2021, 11:02am UTC](https://phaser.discourse.group/t/phaser-buttons-still-clickable-under-other-objects/8606 "2021-01-10T11:02:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![PhameDev](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/phamedev/32/4628_2.png) [@PhameDev](https://phaser.discourse.group/u/PhameDev)\
**Post date:** [January 10, 2021, 11:02am UTC](https://phaser.discourse.group/t/phaser-buttons-still-clickable-under-other-objects/8606/1 "2021-01-10T11:02:59Z")

</div>

In my Phaser 3 game I have few game buttons that are clickable/tappable but when I have to show a modal dialog/rectangle over the game, the buttons still show hand cursor and receive click events.

I can disable them manually before showing dialog or menu on top of them but is there a way to behave them like normal HTML 5 DOM where if a div is over a button it stop it from being clicked?

![phaser-button](https://global.discourse-cdn.com/free1/uploads/phaser1/original/2X/f/f54f5c10fdb31b1d50fee124a8f5897a47aa0a26.jpeg)

---

<div class="post-metadata">

**Author:** ![samme](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/samme/32/5275_2.png) [@samme](https://phaser.discourse.group/u/samme)\
**Post date:** [January 11, 2021, 7:56pm UTC](https://phaser.discourse.group/t/phaser-buttons-still-clickable-under-other-objects/8606/2 "2021-01-11T19:56:12Z")

</div>

Interactive objects are blocked only by other interactive objects.

You can make an interactive Zone behind the modal, covering the game canvas.