The text of <li class="fragment"> temporarily loses its CSS style

[ChoCho66]

As title, when <li class="fragment">(previous level) becomes <li class="fragment visible current-fragment">, the text of <li class="fragment"> temporarily loses its CSS style.

Below is a video of this situation.

2024-05-08.14.26.31.mov

I use quarto to generate revealjs

A small sample of qmd is

---
title: "Test"
format: revealjs
incremental: true
css: "custom.css"
---

## Test

- Α
  - a
  - b
    - β
  - c

and my custom.css file is

.fragment {
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(0.01) invert(0.8) !important;
}
.fragment.visible {
  filter: none !important;
}
.reveal {
  color: blue;
}

Is there any good way to solve it?