staaky / tipped Goto Github PK
View Code? Open in Web Editor NEWA complete Tooltip solution based on jQuery
tipped's People
Contributors
Stargazers
Watchers
Forkers
genially mattmystic adrok syzygy333 filippoquaranta code2start aydenlin1022 dawitworku boban-dj kocheck outlierw melanyss mehedidb squidly271 bhautik-dobariya sigri44 jakeparis dajester2013 kasser00 benjaminlivingstone dharunaashick rahulfibro cipservis michaeldiederich dr-luke p4535992 faizeltipped's Issues
Please mention jQuery requirement
On the website's homepage, it doesn't mention that it uses jQuery, which is actually a big deal to many.
Please include it somewhere there.
Some questions
Hi.
Thank you for this library.
I wonder if this is PRO or not? Is there any support? Your forums are shut down.
Tooltip always triggered even with long showDelay
There is no way to prevent a tooltip from triggering if you move your mouse over it even for a fraction of a second.
Even if you add showDelay: 3000 the tooltip will still trigger if you have moved over it 3 seconds ago and your mouse is over the other side of the screen.
This is a real problem when you have many elements on a screen with tooltips - made even worse if they all trigger an AJAX request.
There should be a way to prevent tooltips triggering at all until you've hovered over them for x millsecs. showDelay could check to see if the mouse is still over the element before showing the tooltip.
Or perhaps we need a triggerDelay option?
Obviously this is only for tooltips triggered with a hover.
preventDefault event if showOn option is 'click'?
When using showOn: 'click' the trigger element should preventDefault() on the event. Currently it will follow the link if its on an anchor element.
Yes, I can add it in my own code, but it would be nice if tipped did it automatically.
thanks.
Tipped basic usage not working?
Hey,
I have a Bootstrap-based page, where I'm simply doing:
$(document).ready(function () {
Tipped.create($("#endBtn"), "a987");
});
The result is in the Screen shot - the div is displayed in a completely unexpected location, with no styling. I'm also attaching the HTML that Tipped injects at the bottom of <body>, right after the JS imports.
Any ideas what could be going so wrong?
https://i.paste.pics/7434aa3055935a4dde39f281c4b556b2.png
https://i.paste.pics/0ed2abcca18c006f5ae2a6b92ecf164f.png
XSS vulnerability
The following snippet results in javascript being run when the tooltip first appears.
Tipped.create('#foo', '<script>console.log("oops");');
This is an issue because we use jquery.select2 dropdowns with tags = true in conjunction with Tipped.delegate(). The result is that a malicious user can execute javascript by typing it into a dropdown.
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.