720kb/angular-tooltips

Tooltip not showing in nested components on mobile

Open

#197 opened on Mar 27, 2017

View on GitHub
 (1 comment) (0 reactions) (0 assignees)HTML (354 stars) (159 forks)batch import
Not ClearWaiting Infoshelp wanted

Description

Using this with an Angular 1.5 app inside a nested component and tooltips do not show on mobile (iOs Chrome, iOS Safari). Tried adding the tooltip to the root component and it DOES show on mobile, so seems like it's some kind of issue related to nesting and mobile browser rendering.

Any ideas here?

Contributor guide

Tech stack
angularjavascripthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
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
AngularJS basicsmobile browser testing
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
The issue likely lies in the tooltip's positioning or event handler logic when used within nested Angular components on mobile browsers. Investigate the tooltip directive source code (likely in `src/` or `dist/` files) focusing on how it handles touch events and CSS z index. Check if there are any conditional checks for mobile or nested scopes. The single comment may provide additional clues. Consider testing on a simple nested component setup to isolate the problem.
Tooltip not showing in nested components on mobile · 720kb/angular-tooltips#197 | Good First Issue