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 (10,775 stars) (3,912 forks)batch import
help wantedpriority: mediumsection: Market

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

Tech stack
javascriptcsshtml
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.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSSHTMLbrowser developer tools
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Examine the tooltip component's CSS and HTML structure for the pinned items view. Focus on how tooltips are positioned on mobile viewports. Review the codebase for existing responsive tooltip styles. Use the screenshots provided in the issue to identify the exact overlap issue. Check if the issue is related to z index or positioning.
Items can't be purchased on mobile browser due to tooltip overlap · HabitRPG/habitica#10917 | Good First Issue