taye / taye/interact.js

Droppable: Revent animation & Rotate to fit droppable area

Open
#863 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
12.9k
Forks
804
PR merge metrics
No merged PRs in 30d

Description

Hello,

I have just seen your Pro button on your website, so I will wait to see what's included.

I have move from using jQueryUI for drag/drop to using InteractJs.
One nice thing about the jQuery UI droppable is that the element will animate back to it's starting position when not dropped.
How can I achieve the same with your API?

My second question might be a bit more tricky.
I have droppable locations on the edges of the screen, top, left, bottom and right, when I drag the element to each edge, I want the element to rotate so that it fits in the droppable container - Basicly swapping horizontal and vertical around.

I have taken a screen-capture (slightly longer then intended) to give you an idea of what I'm talking about.
Drag revent animation

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names no project files, tests, or entry points; begin by reviewing the drag-and-drop API and the linked jQuery UI revert example. The requested revert animation and edge-based rotation need an agreed API design and documented completion criteria before implementation can begin.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jquery
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.