ampproject / ampproject/amphtml
[amp carousel] Right arrow is not showing up on Safari/Desktop
- 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
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