ampproject / ampproject/amphtml

Seat selection and zoom button is not responsive in SeatMap component in Responsive Design mode

Open
#38,737 1 comment 0 reactions 0 assignees View on GitHub
Component: amp-bind Component: amp-pan-zoom P2: Soon Stale Type: Bug WG: components WG: runtime
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

Seat selection and zoom button is not responsive in SeatMap component in Responsive Design mode

### Reproduction Steps

1. Opt into a beta version of AMP
2. Open dev tools console
3. Load an AMP webpage
https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Finteractivity-dynamic-content%2Fseatmap&format=websites&_gl=1*1175lvs*_ga*YW1wLWdrUm1QNFFtQW5uNm8td1RkejFWUlE.&preview=true
4. Select any seat and try to zoom in

Actual result:
On desktop_chrome browser not able to select seat/zoom in Responsive Design mode
http://screencast/cast/NTk2MjQxNjkyNDkxNzc2MHw5NGY3NGUzYy00MQ

Note: On actual Android device (Chrome browser) and iPhone (Safari browser) selection is possible but only on long tap

Environment:
Device: Macbook Pro
Browser: Chrome
Version: 112.0.5615.49

### Relevant Logs

_No response_

### Browser(s) Affected

Chrome

### OS(s) Affected

_No response_

### Device(s) Affected

_No response_

### AMP Version Affected

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the linked AMP Playground using Chrome's Responsive Design mode, then locate the SeatMap component and its seat-selection and zoom interaction handling. Done means seat selection and zoom work responsively in desktop Chrome, while the documented mobile behavior remains usable.

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.