ampproject / ampproject/amphtml

[QA] The full image is not in the view port after clicking on the right arrow

Open
#39,516 1 comment 0 reactions 0 assignees View on GitHub
Stale Type: Bug
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

The full image is not in the view port after clicking on the right arrow

### Reproduction Steps

Test Case : [AMP-Carousel (0.1) type="carousel"]

Playground Link : https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fcomponents%2Famp-carousel&_gl=1*x1ad74*_ga*YW1wLXR5eHllUVNEOUpCbFVIUUI5ZlhlUEE.&preview=true

Steps:
1) Launch playground link.
2) Click on the right arrow of the first card.

Observed : The image is not fully in viewport.
Screenshot - https://screenshot.googleplex.com/BLDswLKxyMWjZ3y.png
Screen-recording - http://recall/-/hs0wNzze8G3KGS0hZUyKJT/hEUer0DSMudDI6rtA5rlWF

Expected : The image should be in view port.

### Relevant Logs

_No response_

### Browser(s) Affected

_No response_

### OS(s) Affected

NA

### Device(s) Affected

NA

### AMP Version Affected

2309151607000

Contributor guide

Open the contributing guide

Research direction

Start with the AMP Carousel playground link and reproduce the issue by clicking the right arrow on the first card. Trace the amp-carousel component behavior that determines the image position, and consider the issue done when the full image is within the viewport after navigation.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.