Constrain mirrors to their containers with Dragula, similar to jQuery UI draggable's contain.
Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.
We invest a lot of resources into creating best in class open source packages. You can support us by buying one of our paid products.
We highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. You'll find our address on our contact page. We publish all received postcards on our virtual postcard wall.
You're free to use this package (it's MIT-licensed), but if it makes it to your production environment you are required to send us a postcard from your hometown, mentioning which of our package(s) you are using.
Our address is: Spatie, Kruikstraat 22, 2018 Antwerp, Belgium.
The best postcards will get published on the open source page on our website.
You can install the package via npm:
$ npm install dragula-constraindragula-constrain supports at least all modern browsers, starting from IE10.
import dragula from 'dragula';
import constrain from 'dragula-constrain';
// Set up `myContainer` and `options`...
const dragula = dragula(myContainer, options);
constrain(dragula);That's it! The mirror shouldn't spill out of the container anymore while dragging.
This package assumes that the mirror has a fixed position, and the container is non-fixed. It currently only supports constraining mirrors to Dragula's first container (custom container support might get implemented in the future).
Please see CHANGELOG for more information what has changed recently.
$ npm run testPlease see CONTRIBUTING for details.
If you discover any security related issues, please contact Sebastian De Deyne instead of using the issue tracker.
Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects on our website.
The MIT License (MIT). Please see License File for more information.