react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

React Aria Components Modal is sensitive to misconfigured animations

Open pakettiale opened this issue 1 year ago โ€ข 0 comments

Provide a general summary of the issue here

Using the first example in Modal documentation I noticed that if you do not copy the key-frames definition into css the Modal cannot close itself because one of the useExitAnimation hooks in ModalOverlayWithForwardRef get stuck as true.

๐Ÿค” Expected Behavior?

Modals should close even if css makes no sense.

๐Ÿ˜ฏ Current Behavior

Modal is stuck open but DialogTrigger thinks that it is closed.

๐Ÿ’ Possible Solution

No response

๐Ÿ”ฆ Context

No response

๐Ÿ–ฅ๏ธ Steps to Reproduce

https://codesandbox.io/p/sandbox/eager-maria-nq52gk

Version

react-aria-components: 1.1.1

What browsers are you seeing the problem on?

Firefox, Chrome

If other, please specify.

No response

What operating system are you using?

Linux

๐Ÿงข Your Company/Team

No response

๐Ÿ•ท Tracking Issue

No response

pakettiale avatar Apr 18 '24 07:04 pakettiale