Adapt Animation events to new structure

[teoli2003]

This PR updates the Animation interface for new-style event pages. (see the template)

The on-* event handler pages are redirected to the eventname_event pages.

yarn content move Web/API/Animation/oncancel Web/API/Animation/cancel_event
yarn content move Web/API/Animation/onfinish Web/API/Animation/finish_event
yarn content move Web/API/Animation/onremove Web/API/Animation/remove_event

BCD: mdn/browser-compat-data#14914

[github-actions]

Preview URLs

• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/Animation
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/cancel
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/cancel_event
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/commitStyles
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/currentTime
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/effect
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/finish
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/finish_event
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/finished
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/id
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/pause
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/pending
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/persist
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/play
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/playState
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/playbackRate
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/ready
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/remove_event
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/replaceState
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/reverse
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/startTime
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/timeline
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation/updatePlaybackRate
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/Animation
• https://pr12882.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/AnimationPlaybackEvent

Flaws

Note! 20 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/Animation
Title: Animation
on GitHub
Flaw count: 3

• bad_bcd_links:
  • no explanation!
  • no explanation!
  • no explanation!

---

URL: /en-US/docs/Web/API/Animation/remove_event
Title: Animation: remove event
on GitHub
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: api.Animation.remove_event

---

URL: /en-US/docs/Web/API/Animation/startTime
Title: Animation.startTime
on GitHub
Flaw count: 2

• macros:
  • /en-US/docs/Web/API/Timeline does not exist
• broken_links:
  • Is currently http:// but can become https://

---

URL: /en-US/docs/Web/API/Animation/cancel_event
Title: Animation: cancel event
on GitHub
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: api.Animation.cancel_event

---

URL: /en-US/docs/Web/API/Animation/finish_event
Title: Animation: finish event
on GitHub
Flaw count: 1

• bad_bcd_queries:
  • No BCD data for query: api.Animation.finish_event

External URLs

URL: /en-US/docs/Web/API/Animation
Title: Animation
on GitHub

• https://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity (1 time) (Note! This may be a new URL 👀)
• https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/remove_event
Title: Animation: remove event
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/playbackRate
Title: Animation.playbackRate
on GitHub

• https://codepen.io/rachelnabors/pen/PNGGaV?editors=0010 (1 time) (Note! This may be a new URL 👀)
• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/effect
Title: Animation.effect
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/reverse
Title: Animation.reverse()
on GitHub

• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/pending
Title: Animation.pending
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/ready
Title: Animation.ready
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/finish
Title: Animation.finish()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/id
Title: Animation.id
on GitHub

• https://codepen.io/rachelnabors/pen/eJyWzm?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/play
Title: Animation.play()
on GitHub

• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/pause
Title: Animation.pause()
on GitHub

• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/updatePlaybackRate
Title: Animation.updatePlaybackRate()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/currentTime
Title: Animation.currentTime
on GitHub

• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/Animation
Title: Animation()
on GitHub

• https://codepen.io/rachelnabors/pen/eJyWzm/?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/playState
Title: Animation.playState
on GitHub

• https://codepen.io/rachelnabors/pen/EPJdJx?editors=0010 (1 time) (Note! This may be a new URL 👀)
• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/commitStyles
Title: Animation.commitStyles()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/replaceState
Title: Animation.replaceState
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/startTime
Title: Animation.startTime
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/timeline
Title: Animation.timeline
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/cancel_event
Title: Animation: cancel event
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/finished
Title: Animation.finished
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/cancel
Title: Animation.cancel()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/Animation/finish_event
Title: Animation: finish event
on GitHub

• https://codepen.io/rachelnabors/pen/PNYGZQ?editors=0010 (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/Animation/persist
Title: Animation.persist()
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/AnimationPlaybackEvent
Title: AnimationPlaybackEvent
on GitHub

No new external URLs

(this comment was updated 2022-02-10 12:19:49.409805)

[Elchi3]

Thanks, some change requests but looks good overall.

Aside: I see a lot of whitespace changes... I thought we updated many files recently to fix these things. Is something wrong with your editor settings or has mdn/content's editorconfig changed or something?

[Elchi3]

This "Value" section is not in the template. I don't think it is useful.

[teoli2003]

Sorry forgot this one.

[teoli2003]

Thanks, some change requests but looks good overall.

Aside: I see a lot of whitespace changes... I thought we updated many files recently to fix these things. Is something wrong with your editor settings or has mdn/content's editorconfig changed or something?

I modified them: they were unicode non-breakable spaces and I just replaced them with regular spaces. Some editors put them all over the place when you create new pages. (I think mainly Microsoft Word).