How can one make a scrollable Tippy?
See original GitHub issueHow can one make the content of a Tippy scrollable if the parent/viewport doesn’t allow enough space for the Tippy to display in full?
Here’s a Codepen
Setting a CSS max-height would work, but not with dynamic heights such as the viewport.
Thanks for everything you do for this lib, it is awesome!
Issue Analytics
- State:
- Created 4 years ago
- Reactions:2
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Misc | Tippy.js
A simple, easy-to-use vanilla JavaScript library for creating tooltips and popovers to use in web sites and apps. The flat-level option API makes...
Read more >Scrollable Tippy Solution 1 - CodePen
Adding Classes. In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template....
Read more >How can i show scroll on hover in tippy js? - Stack Overflow
I am using tippy.js https://atomiks.github.io/tippyjs/ for showing tooltip on hover inside my full calendar. Now everything is fine but i am ...
Read more >tooltips in scrollable container - with tippy.js - Plunker
querySelectorAll('li')] for (let i=0; i<10; i++) { tippy(lis[i], ... section { width: 200px; height: 200px; overflow-y: scroll; box-shadow: 0 0 3px black; } ......
Read more >Cacoo tip: How to scroll horizontally on diagrams - YouTube
Do you know that you can scroll your diagram horizontally by holding the Shift key while scrolling your mouse wheel?
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
It’s pretty limited, but here goes: https://codepen.io/anault/pen/WqeaYZ (currently does not support
flip, otherplacements, etc.)@atomiks Would it be interesting to natively support this kind of functionality in Tippy?
I don’t think so, isn’t it an inherent problem regarding 2D space haha.
In any case you can use https://www.npmjs.com/package/popper-max-size-modifier to do the size detection for you.