Comments (14)
You mean to say the tooltip appears on hovering itself?
from hint.css.
edit:
it seems like it also affects IE9
from hint.css.
This issue is because of the unavailability of pointer-events in IE. The workaround for IE at present seems to be this: #15
from hint.css.
It seems like this happens in Opera 12.14 as well.
Opera 12.14 Build 1738 for Linux x86_64
from hint.css.
@varemenos true, pointer-events
not supported by opera also. But the fix by @thejameskyle should fix it for all.
from hint.css.
Affirmative, just checked in Opera 12.14 on Windows 7 and Opera 12.13 on OSX Mountain Lion (can't test linux sorry). You can test it yourself here: http://codepen.io/thejameskyle/fullpage/GEymI
I should note that pointer-events
does more than my fix does.
With pointer-events
the tooltip will disappear if you move from the target to the already visible tooltip, where with my fix it will stay visible. It's hardly noticeable, but still it's the best I could do.
from hint.css.
@thejameskyle The issue is happening even in the pen you posted above in the opera version i mentioned above.
can't do much testing right now, I got tendonitis in the wrist of my main hand
from hint.css.
@varemenos It should still be happening to the top one but not the bottom one
from hint.css.
Well, unfortunately it's happening in both.
from hint.css.
Just tested in Opera 12 for linux and it's behaving as expected, 12.14 may have introduced a bug, I don't know. But, I think you may be getting confused as to what this is fixing.
- When the tooltip is visible, if you move your cursor on top of it, it should not disappear. This doesn't seem to be fixable without
pointer-events
support, although you are welcome to try. - When the tooltip not visible if you move to the area where is should be, it should not appear or be clickable.
If 12.14 for linux isn't working then I don't see a solution other than not supporting it. Which doesn't seem unreasonable; looking at my company website's browser stats, Opera 12 for linux has a .09 % browser share, and this isn't that terrible of a bug. Seeing that Opera is switching to webkit, it shouldn't be a problem for much longer.
But again you are welcome to try and fix it.
from hint.css.
When the tooltip not visible if you move to the area where is should be, it should not appear or be clickable.
This part is not working though. If you move to the area where is should be, it still appears and it triggers a hover effect for the item that has the hint class.
Its possible that this is a linux-related issue (even though the IE tests were done via virtualbox).
from hint.css.
It wouldn't be operating system related, it would be limited to the browser, although it could be just the linux version of opera 12.14.
I've made the testing page more extensive: http://codepen.io/thejameskyle/fullpage/GEymI
from hint.css.
Fixed in v1.2.1 (#26)
from hint.css.
Issue reproduced on http://kushagragour.in/lab/hint/ with IE10
from hint.css.
Related Issues (20)
- [suggestion] manual trigger class HOT 2
- <button> in a <td> with IE11 HOT 1
- no arrow showing up and bouncing on show / hide
- question/feature_request(enhancement): tooltip on click HOT 1
- Features suggestion HOT 2
- Web Maker Link Broken on the Hint CSS landing page HOT 8
- NPM installs version with non-MIT license HOT 3
- add hint--fit support
- Tooltip inside element to prevent page growth/cropping?
- Tooltip will be covered In Bootstrap Panel
- How can you make the tool tip always on top of every element and not clip? HOT 2
- install dependencies Fail
- I can't get it to look outside the container HOT 1
- width: max-content and max-width implementation HOT 1
- Overreliance on Specific Z-Index:
- Transition Property Usage: HOT 1
- Vendor Prefixes
- Accessibility Concerns
- Consider white-space : pre-line as a native part of hint--large HOT 2
- Feature : Add Color Option for Tooltips
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hint.css.