Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NgbTooltip not properly working on iOS devices #3192

Closed
mzocco opened this issue May 14, 2019 · 3 comments · Fixed by #3454
Closed

NgbTooltip not properly working on iOS devices #3192

mzocco opened this issue May 14, 2019 · 3 comments · Fixed by #3454

Comments

@mzocco
Copy link

mzocco commented May 14, 2019

Hi to the community,
me and my team have detected an issue on the behavior of the ngbTooltip.
In details, it properly works on all platforms and browser except from iOS (we tested on Safari browser on iPhone 6, we didn't test on Chrome) where the tooltip does not appear.

That is a snapshot of not working code:

<span [ngbTooltip]="'Example tooltip'" class="info-icon info-icon--group" >
   <i class="fas fa-info-circle"></i>
</span>

Thanks in advance.

We cannot reproduce on Stackblitz since it is a behavior detected on physical device (or simulator)

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 6.0.3

ng-bootstrap: 2.0.0

Bootstrap: 4.1.1

@cwayfinder
Copy link

This might be related to #3199

@peterblazejewicz
Copy link
Contributor

@mzocco
Should the element be interactive on the iOS to get this working, shuldn't?

<span [ngbTooltip]="'Example tooltip'"
  role="button"
  tabindex="0"
  class="info-icon info-icon--group">
  <i class="fa fa-info-circle"></i>
</span>

@maxokorokov maxokorokov added this to the 5.1.3 milestone Nov 7, 2019
maxokorokov added a commit to maxokorokov/ng-bootstrap that referenced this issue Nov 7, 2019
Don't use touch events anymore as everything works fine with `mouseup/down`

Fixes ng-bootstrap#3446
Fixes ng-bootstrap#3437
Fixes ng-bootstrap#3412
Fixes ng-bootstrap#3192
Fixes ng-bootstrap#3145
Fixes ng-bootstrap#3024
maxokorokov added a commit that referenced this issue Nov 8, 2019
Don't use touch events anymore as everything works fine with `mouseup/down`

Fixes #3446
Fixes #3437
Fixes #3412
Fixes #3192
Fixes #3145
Fixes #3024
@AntoineBrunelle
Copy link

If someone needs it, works for me by doing this :

<span
  triggers="manual"
  #t="ngbTooltip"
  (click)="t.open()"
  ngbTooltip="test"
></span>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants