ampproject / ampproject/amphtml
Seat selection and zoom button is not responsive in SeatMap component in Responsive Design mode
- 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
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