Comments (12)
For those using Tippy.js 6.x, similar to the advice above, just use this:
import tippy from 'tippy.js/dist/tippy-bundle.umd.min.js';
from tippyjs.
Thanks! Really appreciate your work!
from tippyjs.
Yes you're right, it should link the unminified es5 version, thanks. Fixed it.
from tippyjs.
Thanks @atomiks!
Did you also push it to NPM? Didn't get the changes after reinstalling it.
from tippyjs.
About to push 0.6.0 right now with a bunch of changes, sorry haha
from tippyjs.
Should be published now 😃
from tippyjs.
Sorry to tell you but I still don't get the changes via npm install ;)
from tippyjs.
Hi, same here. Not works in version "0.17.0" also.
node_modules\tippy.js\dist\tippy.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
from tippyjs.
@Romick2005 - It's just minified CSS, why would you get that error?
from tippyjs.
I had an issue with parsing the css separately as well, simple workaround for me was to full Tippy from the file which includes the css:
import tippy from 'tippy.js/dist/tippy.all.js';
from tippyjs.
You need a webpack loader for the CSS import as well. But yeah the <head>
CSS inject method using the all.js
UMD version is a workaround.
from tippyjs.
You need a webpack loader for the CSS import as well. But yeah the
<head>
CSS inject method using theall.js
UMD version is a workaround.
I am using webpack, it doesn't like it for some reason, says there's a parse error - if you need more info please shout and I'll add it on here
from tippyjs.
Related Issues (20)
- dblclick
- It's undocumented whether tippies should be destroyed when no longer needed
- Issue with Custom SVG Arrow Rendering on Top of Tippy.js Tooltip HOT 1
- Nesting
- Use interactive tooltips in svg context
- Content in Tippy js doesn't react on clicks and another
- ERROR ReferenceError: document is not defined
- Show tippy on selected text of other webpages
- spurious hide() after destroy() related to addDocumentPress() without matching removeDocumentPress()
- data-reference-hidden not working correctly on animation
- Allow `onClickOutside` to conditionally not hide the tippy
- No tooltips are shown (since new were added) HOT 1
- Painless use: Just pull content from the title attribute HOT 2
- Tooltip not working with screen reader
- Make it possible to event.stopPropagation() in onClickOutside HOT 1
- tippy on mobile with hideOnClick:true, el.oncontextmenu=()=>instance.show(), tipp appears while touching, disappears ontouchend
- Tooltips positioned off screen in Chrome/Chromium/Edge with parent element "position: relative" (bootstrap default), display:inline
- Provide an easy way to enable pointer events on tippy bubbles
- Tippy stopped working on Webflow HOT 5
- Pass `event` into `onHide` callback
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 tippyjs.