Issue with Bootstrap modal

[kato68]

'animxyz' interferes with the bootstrap modal and causes the z-indexes to get messed up. Is there a way to fix it?
you can see problem here : https://tjfjgn.csb.app/

[mattaningram]

Can you link to a repo or code sandbox with the code? The main issue I am seeing is you need to remove the xyz-in class once the animation is complete. This is done automatically in our Vue/React plugins, but I don't know how you are implementing it specifically here.

[kato68]

If I remove the xyz-in class, how will the modal animation run the next time the modal is opened?
see code sandbox here:
https://codesandbox.io/p/sandbox/moda-tjfjgn?file=%2Fpublic%2Findex.html%3A49%2C38