[Bug]: DialogSurface backdrop onTransitionEnd isn't getting called in react <18

[OEvgeny]

Component

Dialog

Package version

9.61.2

React version

16.14.0

Environment

https://bolt.new/~/stackblitz-starters-a8nlcv7j

Current Behavior

No console.log message and no debugger getting called

Expected Behavior

Should trigger the onTransitionEnd when Dialog's surface transition is completed.

Reproduction

https://bolt.new/~/stackblitz-starters-a8nlcv7j

Steps to reproduce

1. Open the link above,
2. Open development tools
3. Wait for page to load
4. Click on the "Open dialog" button
5. Close the dialog
6. Observe no console.log message and no debugger getting called

Are you reporting an Accessibility issue?

no

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[bsunderhus]

@OEvgeny there are no CSS Transition in the Dialog backdrop. we use web animations API to do the animation there... we are exposing the motion API through the backdropMotion slot.

Here's how you can access it: https://stackblitz.com/edit/n9td5ssy?file=src%2Fexample.tsx

[bsunderhus]

Here's more documentation in our Motion API https://react.fluentui.dev/?path=/docs/motion-motion-slot--docs