HabitRPG/habitica

Items can't be purchased on mobile browser due to tooltip overlap

Open

#10,917 opened on Dec 21, 2018

View on GitHub
 (30 comments) (0 reactions) (0 assignees)JavaScript (3,912 forks)batch import
help wantedpriority: mediumsection: Market

Repository metrics

Stars
 (10,775 stars)
PR merge metrics
 (Avg merge 51d 20h) (3 merged PRs in 30d)

Description

From @ieahleen:

"[Mobile browser] I can't buy the pinned items, tapping on them bring up the tooltip which covers them. In the Market the tooltip doesn't appear on the items and Ican buy them."

I can't replicate this, but here's their screenshots: https://drive.google.com/drive/folders/1bBkpAuQlUKo9Y3LcGegn8YyuciSFgD7l

Contributor guide

Research direction
Identify the tooltip component and adjust its positioning or z index on mobile to prevent overlap with purchase buttons. Also ensure click events are properly handled on touch devices.
Tech stack
javascript
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
Gitbasic html css
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60