ampproject / ampproject/amphtml

[amp-story-player] Show placeholder background / spinner while story loads

Open
#32,524 2 comments 0 reactions 1 assignee Claimed by @gmajoulet View on GitHub
Stale Type: Feature Request WG: stories
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

Currently when navigating through stories in the player, it will show the next story's content loading. This can cause some undesired UX.

We should add a background + spinner until the `storyContentLoaded` event is dispatched by the story.

Background color: `#202125`
Fade out animation duration: 200ms

Spinner animation:
Duration: 1s
curve: cubic-bezier(0.0, 0.0, 0.2, 1);

![loading spinner storytime 2 2021-02-08 16_30_07](https://user-images.githubusercontent.com/5449100/107284096-40e7c080-6a2b-11eb-9606-7a4e8f65eaed.gif)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.