tooltipster-scrollabletip
Advanced tools
A Tooltipster plugin to make tooltips scrollable rather than have them overflow the viewport.
A Tooltipster plugin to make tooltips scrollable when they get too big. MIT license.
When the tooltip is about to overflow the viewport, this plugin does the following: put the tooltip on the side which maximizes its size, resize it so it doesn't overflow the viewport, and make it scrollable for the content to be accessible.
The tooltip will go off screen only if the origin itself goes off screen.
Include the plugin file in your page AFTER the Tooltipster bundle file.
<html>
<head>
...
<script type="text/javascript" src="tooltipster/dist/js/tooltipster.bundle.min.js"></script>
<script type="text/javascript" src="tooltipster-scrollableTip/tooltipster-scrollableTip.min.js"></script>
</head>
</html>
This plugin only works in conjunction with Tooltipster's default
sideTipplugin.
Declare the scrollableTip plugin in the options of the tooltips you want to be scrollable, alongside sideTip:
$('.tooltip').tooltipster({
plugins: ['sideTip', 'scrollableTip']
});
Pro tip: for a better style, know that the scrollbar is customizable with CSS in Chrome
Simple as that!
FAQs
A Tooltipster plugin to make tooltips scrollable rather than have them overflow the viewport.
The npm package tooltipster-scrollabletip receives a total of 150 weekly downloads. As such, tooltipster-scrollabletip popularity was classified as not popular.
We found that tooltipster-scrollabletip demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.
Research
Security News
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
Security News
NVD’s backlog surpasses 20,000 CVEs as analysis slows and NIST announces new system updates to address ongoing delays.