New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Modal] Make the initial "exited" state to dependent on "open" #35010
Conversation
|
Hey @mnajdova any reason this pr is not being reviewed, I'm happy to implement whatever changes are required |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry for the delay. Changes look great, I could validate that it works here: https://codesandbox.io/s/wonderful-lumiere-sqf133?file=/package.json
Can we please add a test before merging? We could create an open modal with a custom slots.root
component and validate that the exited prop has the correct value.
This comment was marked as outdated.
This comment was marked as outdated.
Hey @mnajdova I've added test as described, this is pr ready for review |
Hi Team, Can we please merge this change, looks like its passing all test cases and good to go, I was facing the same issue and this PR came close to my issue, thanks @sai6855 for fixing the bug. |
Hey @mnajdova, would it be possible to have a second quick look at this one please ? 🙏 |
@ZeeshanTamboli can you review this pr |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@sai6855 Looks good! Thanks for the fix!
…ue (mui#35010) Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Fixes: #34999
exited state was defaulted to true in ModalUnstyled.tsx, but if initial state of open is true and exited is true then closing animation is not being applied. So I've made initial state of exited to be dependent on open .
After fix: https://codesandbox.io/s/eager-river-0yloeh?file=/src/App.js