-
Notifications
You must be signed in to change notification settings - Fork 101
Description
Version
vue-final-modal: v3.1.0
vue: 3.0.0
OS
Windows
Reproduction Link
https://github.com/Roxas92/vfm-transition-issue
Steps to reproduce
Clone the repo, install dependencies and run e.g. npm run serve.
- Click "Open Modal (WORKING example)"-Button to see a smooth entry transition for the modal
- Click "Open Modal (BROKEN example)"-Button to see that the entry transition is no longer working while the leave transition does
What is Expected? / What is actually happening?
The second example is not acting like the first one. Even though the only difference between those two is that the second example uses an array for the content-class-prop while the first one is using a string.
I already experiences this issue a while ago and already mentioned this here #62 (comment). But unfortunately I was not able to reproduce the case, so I went back and used v1.8.7, where - for some reason - it's working. Today I wanted to upgrade vue-final-modal to take advantage or your new dynamic modals feature and it was again broken. So I took some time to find whats causing the issue and I found out that once I use either an Array or an Object-type for content-class that the entry transition is no longer working.
While I was trying around I noticed that whenever I put some kind Array or Object-type for any of the properties that it begins to bug around.
I will definitely try around to find a solution for myself as well, but would be great if you could check out this weird behaviour as well.