Stack Overflow
Stack Overflow

Questions tagged [interactjs]

26 questions
2
votes
1 answer

Interactjs How To Change Start Position Drag Item

my dragitem initially appears in the upper left. I want to give a space of 100 pixels from the top and left at the opening. but I have to do this with interactjs own code, not css. because if i do it with css the scroll setting is…
Sercan Aslan
  • 273
  • 3
  • 12
2
votes
1 answer

Drag 'n Drop Events firing multiple times

I am working on a webapp with drag 'n drop functionality. Up to now I used basic HTML5 Dragging but now I switched to using the library interact.js. I don't know if my problem is specific to this library or of more general kind: Events when…
NotARobot
  • 455
  • 2
  • 10
  • 27
1
vote
0 answers

Interactjs : Random error: TypeError: Cannot read properties of undefined (reading 'left')

I am using interact.js in my Ionic + Vue project. I have screen where there is on circle on screen when it is dragged it is cloned into parent element. Code is shown below. This works most of the time in real browser (not 100%). But on my mobile I…
usanzadunje
  • 51
  • 7
1
vote
1 answer

InteractJs - Dynamic Snapping of draggable items to guideline in parent div

In the below fiddle I have interact Js to snap the children element to a certain point. But I am having trouble snapping all sides of the blue div to snap to center and x & y axis of the parent div. JsFiddle: https://jsfiddle.net/n3wLb5vp/1/ Below…
toddash
  • 167
  • 2
  • 17
1
vote
2 answers

How to move elements from one div to another without resetting to original position? (interact.js)

I am using interact.js and am trying to separate the elements into two divs (toolbox and matrix to be solved). However when I attempt to implement this, if the elements and the matrix are not in the same div then the elements go back to the original…
Freddie Mercury
  • 359
  • 1
  • 2
  • 9
1
vote
1 answer

interactjs drag stops after few events

I just had a heavy problems with a vue cli project with interactjs the latest version is installed "interactjs": "^ 1.10.3", I use in vue https://github.com/kimuraz/vue-interact Now I have the following problem, in a dummy project I have a component…
bluelemonade
  • 1,115
  • 1
  • 14
  • 26
1
vote
1 answer

Correctly restore a draggable element to it's starting position

I'm using InteractJs library in a Rails 6 app. I've implemented it's drag and drop events. The drag and drop functionality is working fine. The problem that I'm facing is if I drop an element out of the dropzone and place it to it's…
Masroor
  • 1,484
  • 3
  • 14
  • 23
1
vote
1 answer

using the injectable service in end callback function with interactJS

I'm using interactJS with angular to make it possible for the user to perform a drag and drop of the elements with the class 'draggable'. Everything worked fine until I needed to use the injected service of the component in in the callback function…
Ilyes GHOMRANI
  • 122
  • 15
1
vote
1 answer

Can't drag and drop to another div using interact.js

Html/css newbie here, I am using interact.js to attain a certain UI where I can drop items from a list into a drop zone. The problem is my list can grow very long and I need to add scroll to the list, and when I try to do so I have create a 'div'…
Yudhishthir Singh
  • 2,941
  • 2
  • 23
  • 42
1
vote
0 answers

Interact.js clone on drag (in vue component)

I am building a drag'n drop application with vue, so there are multiple boards and some cards which can be dragged to these boards. I included interact.js for dragging which works fine but now I am unsure how to implement a clone on drag. Right now…
NotARobot
  • 455
  • 2
  • 10
  • 27
0
votes
2 answers

How to make draggable element follow cursor on touchmove coords with InteractJs

I have one draggable element inside container and restricted to its bounds. I use InteractJs to implement this. Draggable element is hidden by default and becomes visible as touch starts. However I want to make the draggable element to follow the…
moogeek
  • 397
  • 4
  • 14
  • 34
0
votes
1 answer

Snapping (resizable) items to grid with interact.js

I'm trying to get my resizable items to snap to a grid (using InteractJS). I have defined the draggable config as follows: draggable = { modifiers: interact.modifiers.snap({ targets: [interact.snappers.grid({ x: 5, y: 5 })], …
Thijs
  • 587
  • 5
  • 16
0
votes
1 answer

Avoiding CORS issues on web app importing JavaScript modules from other domains

I am building a web application using NodeJS splitting the application into a back-end to handle database queries with MongoDB and a front end via a node based webserver that uses interactjs with JavaScript compiled from TypeScript. Currently, I…
Andrew S
  • 2,847
  • 3
  • 33
  • 50
0
votes
0 answers

Sortable.js vs Interactjs Performance

My project currently uses interactjs for drag and drop operations and is a bit slow. I wanted to explore other options that can improve the performance overall. Came across sortable.js but could not find any articles on its performance being better…
bluemoonstudios
  • 117
  • 8
0
votes
1 answer

Can we make element resizable only from corners, and not from anywhere in Interact JS?

I have this code which makes element draggable from any point on the boundary of that element, I want it to be specific from corners. Is it possible? I have already tried all code available for Interact JS, and gone through its documentation, but…
shipra
  • 1
  • 1
1
2