The drawer component occasionally renders its content with a blur effect. (Ubuntu + Chrome)

[apomili]

OS: Ubuntu 24.04.4 LTS
Browser: Chrome146.0.7680.80 (it's ok with firefox)

This example page highlights the issue. I added a border to make it more visible, since it’s hard to notice with simpler content.

In my case, I was able to resolve it with a workaround, but it causes the translate animation to be lost.

  <div class="drawer-side">
    <label for="cart-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
    <aside class="drawer-side-wrapper translate-z-0 backface-hidden">
  [...]

This was the real scenario before the fix