ampproject / ampproject/amphtml

[QA] "See More" button is overlapped on the text

Open
#39,459 1 comment 0 reactions 0 assignees View on GitHub
Stale Type: Bug
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

"See More" button is overlapped on the text

### Reproduction Steps

Test Case : [Show More Button]

Playground Link : https://playground.amp.dev/?url=https%3A%2F%2Fpreview.amp.dev%2Fdocumentation%2Fexamples%2Finteractivity-dynamic-content%2Fshow_more_button&format=websites&_gl=1*1f8q5v4*_ga*YW1wLUxDOTBYODRwUUFmbEpGbjBsWXF3TUE.

Steps:
1) Launch Playground link.
2) Click on see more button.

Observed : "See More" button is overlapped on text.
https://screenshot.googleplex.com/5hg7a2gnLQ8mDm4

Expected : "See More" button should not overlap.
https://screenshot.googleplex.com/7tDWZojtYH7eSsC

### Relevant Logs

_No response_

### Browser(s) Affected

Safari

### OS(s) Affected

NA

### Device(s) Affected

NA

### AMP Version Affected

2308242321000

Contributor guide

Open the contributing guide

Research direction

Open the linked AMP Playground example for the Show More Button and reproduce the overlap in Safari using the listed steps. Trace the implementation behind the show_more_button example and compare the observed and expected screenshots. Done means the See More button no longer overlaps the text in Safari.

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.