Gatsby: next/v2 website: all text comes at once instead of animated

[Haroenv]

Description

All text of the "blazing fast" animation comes at once

Steps to reproduce

• open Safari
• go to https://next.gatsbyjs.org
• wait ±1s
• see text come all at once

Expected result

Text to come one by one

Actual result

Environment

I was trying this in Safari

[DSchau]

@Haroenv I can't replicate this! What version of Safari/Mac OS/etc?

[Haroenv]

I was using the tech preview Release 63 (Safari 12.1, WebKit 13607.1.2.1) (maybe the issue is just there?). I have the web animations feature enabled, are you using that?

[DSchau]

Definitely an issue with Safari Tech. Preview. Able to replicate as soon as I switched to it!

I'm not sure there's a _ton_ of value tracing this down, because it's very possible it's some bug in Safari and will be ironed out in a future release.

For what it's worth, here's the animation source

(it's just CSS!)

[Haroenv]

perfect, will file an issue there instead

[DSchau]

Let us know! Thanks for the bug report, we appreciate it!

[Haroenv]

it's rdar://44151416 (their bugs are internal), and I confirm it goes away when I remove "web animations & css integration". I didn't initially realise it would be connected

[graouts]

@Haroenv Thanks for filing this issue. For future reference, you can also use bugs.webkit.org to file rendering bugs in Safari Technology Preview like this one. I reduced the issue and filed Bug 189411 - [Web Animations] Positive delays of accelerated animations are not respected.

[Haroenv]

Thanks for verifying and reducing this test case, I'll use the bugzilla in the future, always a bit confused where to file things for Safari