List text is blur on animation

[harshakokel]

Hello,

I found that the list text is blurred on using <!-- .element: class="fragment" --> in safari 14.0. Text looks fine in chrome. I noticed that 'will-change' css has something to do with it.

With css: will-change:opacity;

With css: will-change:initial;

Has anyone else faced it? Is it important to use will-change:opacity;?

[jcamiel]

Hi,
I have exactly the issue:

• Safari 14.0/macOS Mojave : text is blurred in list
• Firefox 82.0.2/macOS Mojave: text is normal in list
• Chrome 86.0.4240.111/macOS Mojave: text is normal in list
  Change style to will-change:initial fixes it (besides sides effects)