Focused Toast removal with Escape key broken after 1.1.6-rc.1

[jaknas]

Bug report

Current Behavior

toast-escape-removal.mov

Currently, when more than 2 toasts are visible, and focus is move to the oldest toast, when clicking Escape, 2 Toasts are getting removed instead of the focused toast.

Expected behavior

Expectation is that only the focused toast is removed.

Reproducible example

CodeSandbox Template

1. Open 3 toasts
2. Move focus to the middle toast
3. Press Escape
4. 2 toasts are removed instead of a single, currently focused toast.

Suggested solution

According to my investigation (might be wrong though), after making the useEscapeKeyDown handler a capturing event listener, the order in which event handlers responsible for toast focus management are fired is reversed.

Previously:

1. onKeyDown
2. onEscapeKeyDown

Now:

1. onEscapeKeyDown
2. onKeyDown

This causes the ref flags to not be set in a correct ore

Additional context

The bug is caused by #2761

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/toast	1.1.6-rc.1
React	n/a	latest
Browser	Chrome	125
Assistive tech
Node	n/a
npm/yarn
Operating System	MacOS	14.4.1

[jaknas]

This is also happening under recently released @radix-ui/react-toast@1.2.0