search

ampproject / amp.dev

The AMP Project Website.
https://amp.dev
Other
584 stars 694 forks source link

AMP Paged List in iPhone is not rendering to correct height, button on the bottom cannot be selected and seen. #6648

Open pallmk opened 1 year ago

pallmk commented 1 year ago

🐛 Bug Report

Current behavior

AMP Playground, Paged List in iPhone is not rendering to correct height, next button on the bottom cannot be selected and seen.

Please also provide:

Expected behavior/code

Next button should be clearly visible and user should be able to select it.

Reproduction procedure

Please provide the steps to reproduce the problem:

  1. On iphone, Opt-in needed version of AMP via cdn.ampproject.org/experiments.html
  2. Open browser console and verify that you are on the right version of amp.
  3. Go through provided link : https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Finteractivity-dynamic-content%2Fpaged_list&format=websites&_gl=1*gqxnx2*_ga*YW1wLXM4dnE4emJyanVpaFhwdTN5ZEZxeHc

Phone- iPhone XR iOS Version - 16.5.1

pallmk commented 1 year ago

Same issue occurs on iPhone with Amp Script. Cannot Enter new username and select Submit button at the bottom.

Page link: https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fcomponents%2Famp-script&format=websites

(Optional) Screenshots/videos: https://drive.google.com/file/d/12UPOcgIMKeSvm4QnW5_BqUBpaF7X7f8Q/view?usp=drive_link

pallmk commented 1 year ago

Same issue occurs on iPhone with Scroll to top. Cannot select ^ button at the bottom. Page link: https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Fvisual-effects%2Fscroll_to_top&format=websites&_gl=1*bby2nu*_ga*YW1wLVE5bVF2ODgtVmprWlZJbjM3UkxleHc.&preview=true