ampproject / ampproject/amphtml

[amp carousel] Right arrow is not showing up on Safari/Desktop

Open
#38,131 2 comments 0 reactions 0 assignees View on GitHub
Component: amp-carousel P3: When Possible Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

Only left arrow is displayed on the slides in carousels

### Reproduction Steps

1. Go to Safari desktop browser;
2. Switch to mobile view and open dev tools;
3. Open test link with carousel. Example https://amp.dev/documentation/examples/multimedia-animations/video_carousels_with_amp-carousel/preview/?format=websites
4. Swipe between slides. Pay attention on arrows

Actual Result: Right arrow is not displayed

Expected Result: Left and right arrows should be displayed

Video: https://drive.google.com/file/d/1bpvo_TADuni6aLQ3MPwYYf5Yutf4Ce92/view?usp=sharing

Additional info: Issue reproducible on beta and stable amp versions. Problem appears for image and video carousels. Reproducible only on desktop browser (ios devices doesn't have this issue)

Testing environment:
MacOS Monterey Version 12.3.1
Safari Version 15.4 (17613.1.17.1.13)

### Relevant Logs

_No response_

### Browser(s) Affected

Safari

### OS(s) Affected

_No response_

### Device(s) Affected

_No response_

### AMP Version Affected

2201071715000

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in Safari desktop using the AMP carousel example URL and the reported mobile-view setup, then compare image and video carousels. Trace the carousel arrow rendering from the reproduced case and verify the fix by confirming both left and right arrows appear while swiping on Safari desktop without regressing other browsers.

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
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.