slidevjs
support `animationDelay` in Rough Notion
Describe the bug
According to the docs, "Slidev integrates Rough Notation to allow marking or highlighting elements in your slides." Rough Notation's docs mention the prop animationDelay (of type number) which specifies the delay in animation in milliseconds. However, when I click, the highlighting animation starts immediately, despite using animationDelay. Is this a bug in slidev or in Rough Notation?
I have also seen #1134, suggesting that adding a class (class="transition delay-1000">) could help, but this doesn't work either.
Minimal reproduction
I put a demo on stackblitz. The first click switches to the slide containing the highlight. The second click starts highlighting, however, without delay 🙁 (Note: in this example, I even use both, the animationDelay prop and the transition delay class.)
Environment
- local Slidev version: 52.1.0
- Browser: Chromium 138.0.7204.157
- OS: Ubuntu 24.04
It seems that the link in the docs is wrong - it should be https://github.com/slidevjs/rough-notation instead of the react one.
And in the original rough-notation and our fork, this animationDelay option is not supported yet 🥺
