[BUG]Blurriness that occurs upon the completion of animation

Question

[BUG]Blurriness that occurs upon the completion of animation

Closed this issue a month ago · 2 comments

axuj commented 2 months ago

1. Read the FAQs 👇

2. Describe the bug

#2811 Currently, there is blurriness that occurs upon animation completion in Chrome and Edge browsers..

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/devbox/dgs6kk?file=%2Fsrc%2FApp.tsx

4. Steps to reproduce

Steps to reproduce the behavior:

drag button
set willChange='auto'

5. Expected behavior

A clear and concise description of what you expected to happen.

6. Video or screenshots

7. Environment details

edge 129.0.2792.65
chrome 129.0.6668.60

mraballard commented 2 months ago

fyi

Answer 1 · 2024-09-29T11:04:13.000Z

It will also cause the background of the child element with backdrop-filter: blur added to not blur properly. You can check this comment. Similarly, the problem disappears after setting will-change to auto (that is, using version 11.5.6 and earlier).