Listener's are constantly increasing.

[jebarpg]

Version

• Phaser Version: "phaser": "3.85.1",

• Operating system: Windows

• Browser: Chrome

Description

I'm clicking a simple button and it keeps creating new Listeners and never getting rid of them.

here is the code I think is having the issue:

buttons: Array<Phaser.GameObjects.Image>;

constructor() {
    super('Shop');
    this.buttons = new Array<Phaser.GameObjects.Image>();
}

create() {

this.buttons.push(this.add.image(100, 100, 'my_button').setInteractive({ draggable: true }).addListener('pointerdown', () => { this.button_click_index = 0; console.log(this.button_click_index); }).addListener('drag', (
      _pointer: Phaser.Input.Pointer,
      _dragX: number,
      dragY: number) => {
      this.drag(_pointer,
        _dragX,
        dragY)
    }));
}

this.buttons.push(this.add.image(100, 200, 'my_button').setInteractive({ draggable: true }).addListener('pointerdown', () => { this.button_click_index = 0; console.log(this.button_click_index); }).addListener('drag', (
      _pointer: Phaser.Input.Pointer,
      _dragX: number,
      dragY: number) => {
      this.drag(_pointer,
        _dragX,
        dragY)
    }));
}

the drag function looks like this:

drag(_pointer: Phaser.Input.Pointer,
    _dragX: number,
    dragY: number) {
    for (let i = 0; i < this.buttons.length; i++) {
        this.buttons[i].setY(dragY + i * 200);
    }
  }

Listeners are increasing each time I click the image "button"

any idea's why the listeners would keep increasing and not stay static after the page screen load?

Additional Information

[photonstorm]

There's nothing in the shown code that would cause it, so it has to be something outside of this. Try re-creating it in a Phaser Sandbox. Boil it down to the bare essentials.