x-transition does not seem to work correctly

[snowcall]

Dialog content does transition correctly, but ::backdrop appears immediately

[GrimLink]

Dialog and backdrop transitions are managed using FylgjaCSS, as shown on the Demo page.

Alpine.js's x-transition is primarily intended for collapse-style animations and lacks built-in backdrop support.

However, you can achieve backdrop animations with x-transition by adding custom CSS or TailwindCSS, as explained in the Alpine.js documentation.

For a simpler approach, Fylgja's Dialog component provides integrated transitions, negating the need for x-transition: https://fylgja.dev/library/base/