Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

Tooltip is not closed when exiting enclosing <div> containing disabled checkbox #4060

Closed
ijprest opened this issue Aug 1, 2015 · 3 comments

Comments

@ijprest
Copy link

ijprest commented Aug 1, 2015

Angular 1.4.3, Angular-UI-Bootstrap 0.13.1, Chrome 44.

  • Put a tooltip on a div
  • Within that div, put a disabled checkbox:
    • <label><input type="checkbox" ng-disabled="true"><span>Label</span></label>
  • Run the app.
  • Hover over the checkbox/label div... tooltip appears.
  • Exit the div by moving the mouse to the left... tooltip doesn't close.

Note: this is using the standard Bootstrap styling. You can make the problem less likely to appear by putting a margin (say, 5px) on the left side of the checkbox, but the problem can still occur if you move your mouse fast enough.

Here's a plnkr: http://plnkr.co/edit/CZpwOw1NXcoI8LQAbnDV

@ijprest
Copy link
Author

ijprest commented Aug 1, 2015

See also related issue #2059.

@wesleycho
Copy link
Contributor

Forked Plunker to a more useful one here for reference.

@wesleycho wesleycho added this to the 0.13.3 (Performance) milestone Aug 1, 2015
@wesleycho wesleycho modified the milestones: 0.13.3 (Fixes), 0.13.4 (Performance) Aug 9, 2015
@wesleycho
Copy link
Contributor

This looks like a fundamental issue in jqLite - opened an issue angular/angular.js#12703

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

Successfully merging a pull request may close this issue.

2 participants