Are you happy with your logging solution? Would you help us out by taking a 30-second survey? Click here

drop

A library for creating dropdowns and other floating elements. #hubspot-open-source

Subscribe to updates I use drop


Statistics on drop

Number of watchers on Github 2316
Number of open issues 55
Average time to close an issue 16 days
Main language CSS
Average time to merge a PR 11 days
Open pull requests 12+
Closed pull requests 13+
Last commit over 3 years ago
Repo Created over 5 years ago
Repo Last Updated over 1 year ago
Size 1.26 MB
Homepage http://github.hub...
Organization / Authorhubspot
Latest Releasev1.2.2
Contributors19
Page Updated
Do you use drop? Leave a review!
View open issues (55)
View drop activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating drop for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Drop

GitHub
version

Drop.js is a powerful Javascript and CSS library for creating dropdowns and other floating displays.

Drop Docs

Install

Dependencies

npm

$ npm install tether-drop

bower

$ bower install tether-drop

Usage

let dropInstance = new Drop({
  target: document.querySelector('.drop-target'),
  content: 'Welcome to the future',
  classes: 'drop-theme-arrows',
  position: 'bottom left',
  openOn: 'click'
})

API documentation

Demo

Contributing

We encourage contributions of all kinds. If you would like to contribute in some way, please review our guidelines for contributing.

License

Copyright © 2015 HubSpot - MIT License

drop open issues Ask a question     (View All Issues)
  • almost 3 years Arrow w/ `top center` attachment and positioning renders underneath content
  • almost 3 years Position of the div in the DOM tree
  • almost 3 years TypeScript support
  • almost 3 years Tabbing
  • almost 3 years Position/display of drop is incorrect on first open, but fine on subsequent opens
  • almost 3 years Basically impossible to use in a scrolling div on mobile
  • almost 3 years Displaying in wrong place on mobile
  • almost 3 years NodeJS support
  • about 3 years Cannot read property of 'getAttribute' of null
  • about 3 years Manually repositioning drop when generated calculation is off?
  • about 3 years Incorrect position and zIndex of supplied DOM element
  • over 3 years Example using with react
  • over 3 years Is there a way to temporarily disable a Drop popup?
  • over 3 years Dragging (scrolling) on touch screen triggers click event and opens Drop/popup
  • over 3 years drop remain in dom after closing
  • over 3 years Updating content
  • over 3 years Parameterize the parent node of the drop
  • over 3 years content doesn't seem to work with ng-repeat
  • over 3 years Add option to override openOn using a function call exposing event attributes
  • over 3 years On click event?
  • over 3 years Question about content functions
  • over 3 years [Sass] Update style compilation
  • almost 4 years Accordion replacement?
  • almost 4 years Positioning Off Screen
  • almost 4 years Real arrow positioning support?
  • almost 4 years Implement `showOn` for conditional open
  • almost 4 years Drop opens/closes right away on touch screen
  • almost 4 years Adding and removing drops to cloned body
  • almost 4 years Arrow borders
  • almost 4 years Dynamically change "target" of Drop
drop open pull requests (View All Pulls)
  • Remove unused function argument "event"
  • Only allow one toggle to occur per click/touchstart
  • Run content functions before opening, and not on Drop creation
  • 'showOn' for conditional open
  • Add beforeOpen
  • Add parameter to specify parent node of drop element.
  • Clearing timeouts upon destroy
  • Make methods chainable
  • Guard against this.drop not existing
  • Add CDN info readme.
  • Add options for suffix classes
  • Check for drop to prevent race conditions
drop questions on Stackoverflow (View All Questions)
  • How to drop all tables and reset an SQL Azure Database
  • How to cut out a drop shadow inside the container?
  • In MVC 3,Drop down list how to eliminate default NULL value and display the list retrieved from database
  • Drag & Drop ListView that currently maintained
  • How to get values from drop down menu which are in the form and pass it to mysql db using laravel5
  • Why does my Java program's performance drop significantly after startup?
  • How do I animate MKAnnotationView drop?
  • Having problems creating dependent drop downs using django and jquery
  • drop entire panel id/firm if missing value for a variable in a particular year
  • drag "div1" then drop into "div2" open link
  • Option value Not displaying in drop-down menu?
  • Cannot drop database "Practice" because it is currently in use, when you try to connect to the database
  • drop down query per month
  • I want to make a drop down menu but can't figure out how
  • Mobile Drop Menu not working on click for IOS
  • Can't get a values according to selected values from 2 drop lists using
  • show/hide a div with drop dwon value in asp.net
  • Get selected text from a drop-down list (select box) using jQuery
  • facebook page tab - client doesn't appear in the drop down list when add page tab
  • Full height video - drop content after right below browser window
  • Selected values could not fetched from drop down list present inside Modal pop up using Angular.js
  • Drag and drop not working with jqxtree
  • Bootstrap Menu Drop Down Not Working on iPhone
  • Drop down value from cgrid view in yii
  • binding drop down list according to id PHP
  • Braintree- How to refresh drop-in ui?
  • jquery fullcalendar drop non event on event
  • ng-sortable angularjs, drag-drop make swap
  • Change color of the drop down arrow of Spinner in XML
  • How do I center a CSS based Drop Down Menu?
drop list of languages used
Other projects in CSS