Comments (6)
Testing it and found one minibug:
jsfiddle: http://jsfiddle.net/kE2Ut/2/
The same code with main branch works fine; but in this case, using the dev branch, throws the following error:
"Uncaught TypeError: Cannot call method 'css' of null"
Anyway, it is shown via javascript console, but nothing happens on the web aparently, i mean, you won't see any error in the web without opening the javascript console. It seems that it tries to change something on css after hide tooltip, instead of before.
Can you please check this?
Thanks!
EDIT: If you click on "Open fancybox", then click on "OK!" without filling any input and finally write something in one of them, you will see the same error: "Uncaught TypeError: Cannot call method 'css' of null"
from tooltipster.
One more thing that happens only using the dev branch:
jsfiddle: http://jsfiddle.net/kE2Ut/3/
I've added a new condition to validate the second field: it must be a number.
Steps to reproduce the problem:
1.- Click on Open fancybox
2.- Fill in the second field (edit2) with, for example "a"
3.- Click on the other field. A tooltip will be shown because "a" is not a number, but that tooltip will be placed in the middle of the form, instead of on the right of the field affected.
4.- Now, if you write something in the other field (edit1), leaving the other field filled with "a", and click "OK!", both tooltips are placed in the right position.
So, this bug will appear only if one tooltip is shown.
Thanks!
P.D.: if I change the line "$(element).tooltipster('update',
P.D.2.: anyway, this tool is awesome! :)
from tooltipster.
Hello alesnav, thanks for feedback and support !
So we have 2 issues here : the error thrown and the positioning.
About the error, your validation plugin calls the errorPlacement and success callbacks twice for each input when something is typed, which is already weird. It currently results in showing/hiding/showing/hiding the tooltip and because of Tooltipster's animation timeouts, it messes things up (although it shouldn't if Tooltipser was flawless ;)
I already saw and fixed a bug thanks to you, but we still have some work on our end to manage these timeouts better and solve the issue for good.
But you can also improve things in your own code to work around the issue : when the error message is an empty string, do not call Tooltipster's show method, but rather its hide method (or nothing at all since success() will take care of it). As for your callbacks being called twice, I don't know if you can do something about it as I am not sure if this behavior comes from the validation plugin or from the way you implemented it.
You can see it work here : http://jsfiddle.net/kE2Ut/7/
FYI, you saw no issue in the previous version of Tooltipster because putting an empty string in a Tooltip would hide the tooltip, but now an empty string is considered content strictly speaking (only NULL represents a lack of content now).
Now about the positioning (in Chrome only it seems), it's duly noted, we have other things to rewrite in there anyway when we can.
Thanks
from tooltipster.
First issue fixed. I'll open a new issue with the positioning bug to have 1 thread per bug.
from tooltipster.
Thanks louisameline,
First issue fixed, confirmed :)
from tooltipster.
Version 3.0 is out, feedback is welcome.
from tooltipster.
Related Issues (20)
- Mobile devices - tool tip only shows with a double click and quickly closes HOT 7
- bind jquery data table to tooltipster HOT 1
- Delay In and Delay Out HOT 1
- Refresh page add child class to parent in production HOT 1
- Hyperlinks issue
- Scrollbar is outside the tooltip window
- Add options for tooltipster to maintain content in instance of hiding or closing HOT 1
- Interactive Tooltip with delay 0 not working HOT 2
- Possible false positive detection as malicious script by BitDefender?!
- Can't find the right files
- Not able to resize the tooltip properly when resizing the browser window
- How to remove vertical scroll from tooltip ?
- active development
- Downloaded tooltipster did not contain /tooltipster.css HOT 1
- When I put an overflow-х hidden on the body, the tooltipster block starts to move up along with the content creating a parallax effect. How to fix it?
- onlyOne is not working
- CKEditor support or plugin?
- Tooltipped children of tooltipped parents HOT 1
- The tooltip on IOS requires two clicks to open.
- Tooltips collapse en Firefox
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 tooltipster.