[Bug] Event handler changes flush before all handlers have run

### 🐞 Describe the Bug

Event handlers flush changes immediately in the microtask queue. This means that if multiple event handlers are added to a single element, then it is possible for the first event handler to modify state in the Ember app which then leads to the second handler not firing.

### 🔬 Minimal Reproduction

```hbs

Close

```

### 😕 Actual Behavior

Only the first event handler triggers before the element is removed

### 🤔 Expected Behavior

Both event handlers should trigger before the element is removed

### 🌍 Environment

- Ember: 3.24.0
- Node.js/npm: N/A
- OS: N/A
- Browser: Chrome