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.

Sign up for GitHub

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

Jump to bottom

Fix tooltip flickering in CSS #406

Merged
merged 1 commit into from
May 20, 2016
Merged

Fix tooltip flickering in CSS #406

merged 1 commit into from
May 20, 2016

Conversation

rmunn
Copy link
Contributor

@rmunn rmunn commented May 15, 2016

Fixes #405.

This solution uses pointer-events: none to ensure that tooltips don't receive mouseover and mouseout events, thereby removing the flicker that occurs when the tooltip overlaps its parent element.

Browser compatibility: http://caniuse.com/#feat=pointer-events

@rmunn
Fix tooltip flickering in CSS
b6a2ba9 
This solution uses "pointer-events: none" to ensure that tooltips
don't receive mouseover and mouseout events, thereby removing the
flicker that occurs when the tooltip overlaps its parent element.

Browser compatibility: http://caniuse.com/#feat=pointer-events
@rmunn
Copy link
Contributor Author

rmunn commented May 15, 2016

Note that this PR and PR #407 are mutually-exclusive: if you set pointer-events: none on the .tip class, it won't be able to handle any mouse events, and PR #407 needs the tooltip div to handle mouse events.

This was referenced May 15, 2016
Closed
Closed
@tpetricek tpetricek merged commit 5b48d83 into fsprojects:master May 20, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@rmunn @tpetricek