ampproject / ampproject/amphtml

amp-video-docking causes a CLS on floating/docking

Open
#33,586 3 comments 0 reactions 1 assignee Claimed by @alanorozco View on GitHub
P2: Soon Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

## What's the issue?
When testing with several video players (including amp-video and amp-youtube) amp-video-docking incurs a CLS and increases the score in Web Vitals by ~.026 on float and ~.015 on docking.

## How do we reproduce the issue?

https://jsbin.com/sudacim/edit?html,output

1. Select the player you wish to test.
2. Press play
3. Scroll until it floats, docks.
4. Check the console

## What browsers are affected?
Tested on Chrome as it pertains to Web Vitals

## Which AMP version is affected?
0.1

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.