# Click on interactive object and prevent event bubble / stoppropagation to other game objects behind (RexPlugin table and board)

**URL:** <https://phaser.discourse.group/t/click-on-interactive-object-and-prevent-event-bubble-stoppropagation-to-other-game-objects-behind-rexplugin-table-and-board/10566>\
**Category:** Phaser 3\
**Created:** [November 1, 2021, 10:58am UTC](https://phaser.discourse.group/t/click-on-interactive-object-and-prevent-event-bubble-stoppropagation-to-other-game-objects-behind-rexplugin-table-and-board/10566 "2021-11-01T10:58:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Puccini](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/puccini/32/4984_2.png) [@Puccini](https://phaser.discourse.group/u/Puccini)\
**Post date:** [November 1, 2021, 10:58am UTC](https://phaser.discourse.group/t/click-on-interactive-object-and-prevent-event-bubble-stoppropagation-to-other-game-objects-behind-rexplugin-table-and-board/10566/1 "2021-11-01T10:58:05Z")

</div>

Hi there,

i have a problem with the “interactive” event handling for multiple game objects overlapping.  
i have a interactive background map ( [RexBoard](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/board/) ) and a scrollable table ( [RexTable](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/ui-gridtable/)) infront with some options.  
I defined a “cell.click” event handler.  
But as soon as i click on one option inside table, also the interactive background is triggerd (e.g. move my hero).

How can i prevent event bubbling / event propagation to the next (behind) objects 🙂

Here some code snippeds:  
[Fiddle-Demo board and table click event](https://jsfiddle.net/ragesoft/arecbgk8/)

How can i prevent this behavior? 🙂  
Thx a lot!

---

<div class="post-metadata">

**Author:** ![rexrainbow](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/rexrainbow/32/51_2.png) [@rexrainbow](https://phaser.discourse.group/u/rexrainbow)\
**Post date:** [November 2, 2021, 4:17am UTC](https://phaser.discourse.group/t/click-on-interactive-object-and-prevent-event-bubble-stoppropagation-to-other-game-objects-behind-rexplugin-table-and-board/10566/2 "2021-11-02T04:17:24Z")

</div>

Update:

rexBoard : Create a full screen zone game object to be the touch sensor. [Document](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/board/#touch-zone)

Please get latest version of rexBoard file. Now touch events of board can be excluded when clicking on GridTable.

---

<div class="post-metadata">

**Author:** ![Puccini](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/puccini/32/4984_2.png) [@Puccini](https://phaser.discourse.group/u/Puccini)\
**Post date:** [November 2, 2021, 7:43am UTC](https://phaser.discourse.group/t/click-on-interactive-object-and-prevent-event-bubble-stoppropagation-to-other-game-objects-behind-rexplugin-table-and-board/10566/3 "2021-11-02T07:43:31Z")

</div>

you are so incredible fast 🙂  
I’m using npm packaged. So i need to wait for next commit to this package to test.

But i see in my demo-fiddle it now works as expected 🙂  
you’ve done a greate job so far with all this plugins!
