Giter VIP home page Giter VIP logo

Comments (14)

chinchang avatar chinchang commented on August 18, 2024

You mean to say the tooltip appears on hovering itself?

from hint.css.

varemenos avatar varemenos commented on August 18, 2024

Yes, like this:
ss

edit:
it seems like it also affects IE9

from hint.css.

chinchang avatar chinchang commented on August 18, 2024

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.

varemenos avatar varemenos commented on August 18, 2024

It seems like this happens in Opera 12.14 as well.

Opera 12.14 Build 1738 for Linux x86_64

from hint.css.

chinchang avatar chinchang commented on August 18, 2024

@varemenos true, pointer-events not supported by opera also. But the fix by @thejameskyle should fix it for all.

from hint.css.

jamiebuilds avatar jamiebuilds commented on August 18, 2024

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.

varemenos avatar varemenos commented on August 18, 2024

@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.

jamiebuilds avatar jamiebuilds commented on August 18, 2024

@varemenos It should still be happening to the top one but not the bottom one

from hint.css.

varemenos avatar varemenos commented on August 18, 2024

ss
Well, unfortunately it's happening in both.

from hint.css.

jamiebuilds avatar jamiebuilds commented on August 18, 2024

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.

varemenos avatar varemenos commented on August 18, 2024

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.

jamiebuilds avatar jamiebuilds commented on August 18, 2024

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.

chinchang avatar chinchang commented on August 18, 2024

Fixed in v1.2.1 (#26)

from hint.css.

 avatar commented on August 18, 2024

Issue reproduced on http://kushagragour.in/lab/hint/ with IE10

from hint.css.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.