Questions tagged [draggable]
An element capable of being dragged.
3,484
questions
0
votes
0
answers
5
views
onDrop event is not working on ResponsiveReactGridLayout
I'm new to react-grid-layout, the problem is that the layoutItem parameter is coming as undefined. I didn't understand why.
enter image problem here
To know more about the project I have created a ...
0
votes
2
answers
27
views
html - div position, z-index and draggable image
Trying for hours various option and readin many post but don't find the solution :D
I'm trying to create an HTML page where there is a background and draggable element on top of this background.
I'm ...
0
votes
0
answers
19
views
How can I limit Draggable to not cover some elements in the Draggable area?
I'm using the react-draggable library to move elements in the body. But right now I'm struggling with one issue. It's about elements in the draggable area.
The idea is:
User can move some elements ...
0
votes
1
answer
10
views
<draggable> with dynamic groups
https://github.com/SortableJS/vue.draggable.next + vue 3 + typescript
I'm trying to set up a list with many dimensions and dynamic groups, basically by nesting one inside another . I'm getting the ...
-1
votes
1
answer
29
views
Google maps API use dragend to update one of multiple markers
I'm using google maps API with multiple equipment locations fed from a Mysql database. I can successfully show the markers on the map and make them draggable. If I drag any marker to a new location, ...
0
votes
0
answers
13
views
How to reset back position of a dragging object, if the dragging object dont met IDropHandler script containing object
In Unity i am using IBeginDragHandler, IDragHandler, IEndDragHandler to drag and drop object. it's working fine. My need is to reset the position of the draggable object to the starting position if it ...
-1
votes
1
answer
41
views
How to use nested-draggable with VueDraggable
here's my problem :
I'm using the VueDraggable library in order to drag and drop elements between a DragBoard.vue and a DropBoard.vue, and a specific type of element should allow to be nested when it ...
0
votes
0
answers
10
views
Signing PDF electronically with syncfusion pdf plugin in Flutter
I want to sign pdf electronically. so i used signature package to draw signature , used Draggable widget to position image on the pdf with Stack, and used syncfusion_flutter_pdf for drawing the image ...
0
votes
0
answers
23
views
Signing PDF electronically with suncfusion pdf plugin in Flutter
I want to sign pdf electronically. so i used signature package to draw signature , used Draggable widget to position image on the pdf with Stack, and used syncfusion_flutter_pdf for drawing the image ...
0
votes
1
answer
22
views
Flutter LongPressDraggable feedback positioned at top left of a container instead of finger press position
I am new to flutter and a I am trying to create a container that when the user long presses it - a draggable circle shows that the user can move within the boundaries of the container.
I tried many ...
0
votes
0
answers
9
views
Flutter Draggable Scrollable Sheet getting colapse on Click
I have a Gesture Detector that will change a Boolean and it should collapse the Draggable Scrollable Sheet.
At the moment, it only changes the Boolean value, how ever it doesn't collapse the Draggable ...
0
votes
0
answers
20
views
How to create drag gable flutter timeline
I have list of multiple location and i want to show it in timeline way with drag able feature
how can i achieve this with flutter_timeline package or any other approach. Thanks in advance
0
votes
0
answers
15
views
React drop zone for both files and draggable elements
Is there available a React drop zone component that accepts both files and draggable React elements?
I've used react-dropzone, which is great for files, but in addition to that, I'd like to be able to ...
0
votes
1
answer
28
views
Flutter: how to prevent accidentally dragging a Draggable that is a child of a SingleChildScrollView from moving the Draggable instead of scrolling?
I have Draggable widgets inside a SingleChildScrollView and to prevent the Draggable from being dragged when users' intention is to scroll, I thought to change them into LongPressDraggable with a ...
-1
votes
0
answers
30
views
Keep draggable box from going outside of window
Hey guys I'm trying to keep draggable boxes from going outside of the window browser. This is the code I am using I have tried to do a containment div but that didn't seem to work. Not sure what I am ...
0
votes
0
answers
27
views
cannot make properly working modal window with zoom and drag image
The zoom and drag function work well, but when I try to drag the enlarged image, it moves to the upper left corner for ~100-200px
red mark on screenshots means where my cursor was at the moment
...
0
votes
1
answer
35
views
Creating a side panel similar to code pen
I am trying to create a side panel similar to that of codepen editor in react, where you can drag to adjust the size of the different editors.
If I drag an editor header towards the bottom low enough,...
0
votes
0
answers
15
views
Flutter draggable jumps to different position on camera preview
I want to set the corners of an object using some bullets over a camera preview. This works fine until one point. When I drag the object and I want to place it in another position, it jumps to a "...
0
votes
0
answers
14
views
Does draggable stateful widget works?
I'm trying to make my first app and I have a problem:
I made a gridview of longpress draggable widget who can be deleted when I move them on the corresponding drag target.
Everything works well when I ...
0
votes
0
answers
41
views
angular13: drag and drop not working on grid
I have a web page of a card game, I implement fxLayout.xs and the list of cards is seen in grids, but the drag on drop does not work correctly.
html hand component
<div class="mano">
...
3
votes
0
answers
94
views
Angular router outlet cutting draggable UI
I'm trying to create a drag and drop folder like behavior for an angular/ionic project. In the background it works perfectly fine but visually the drag element gets cut off when it is not fully ...
0
votes
1
answer
302
views
How to solve: Type error: 'Draggable' cannot be used as a JSX component ? (react-draggable)
I get this error while building this Next.js React project
Type error: 'Draggable' cannot be used as a JSX component.
Its instance type 'Draggable' is not a valid JSX element.
The types ...
0
votes
0
answers
40
views
Dragablz TabablzControl: Drag a floating Tab back to the empty TabControl
I am using Dragablz TabablzControl (https://dragablz.net/) to implement tabs which I can drag out of the TabControl. In the IInterTabClient, I have implemented the TabEmptiedHandler like this:
public ...
0
votes
1
answer
30
views
How to make div follow mouse when being dragged
I'm creating a little webpage for a client of mine on Fiverr. He wants a drag and dropbox that when you drag the image the drag icon (the image the mouse holds on to while dragging something) goes ...
1
vote
2
answers
49
views
VueJS 3 draggable issues
I'm using VueJS 3 with "vue-draggable-next": "^2.1.1".
Nothing happens when I try to drag.
I see in the HTML this:
<div class="flex m-10" data-v-52c58f0f=""&...
0
votes
0
answers
22
views
How to have connecting points on SVG element appear smoother by using PlainDraggable
I have created an SVG stickman element with draggable arms and legs with a Plain Draggable library. All limbs are connected as intended but their connection looks like spaghetti, especially when you ...
0
votes
0
answers
20
views
Error: cannot call methods on draggable prior to initialization; attempted to call method 'destroy'
I am facing this error when trying to save a cover photo i repositioned. i am getting the error. cannot call methods on draggable prior to initialization; attempted to call method 'destroy'
...
0
votes
1
answer
12
views
How can disable first two column of header in vue
I am trying to disable draggable function for first 2 column i tried options in draggable
:options="{disabled : 'Subject'}"
but it disable the all header draggable functionality
<thead ...
1
vote
0
answers
25
views
Drag and drop dataTransfer.getData is always getting empty string
I am trying do simple drag and drop functionality. I want set some data in on drag via dataTransfer.setData() and get it on drop via dataTransfer.getData() . I am always getting empty string ("&...
2
votes
1
answer
44
views
How to create reorderable grid view with custom height in flutter?
Grid view items should be draggable and with custom heights.
Edit: Items should have kept their size.
0
votes
0
answers
24
views
Translate Touch events to Mouse events
I am trying to translate Touch events to Mouse events for my "desktop drag and drop" code. I used translation function that mentioned in this question Javascript Drag and drop for touch ...
1
vote
0
answers
28
views
how to check X and Y on draggable element to find closest element
i have followed this video to make drag and drop elements. i already made them work in the X direction, but now i also need to check for the Y direction to find the closets element. so its posable to ...
0
votes
0
answers
33
views
Dropdown Menu that updates when user clicks on dropdown item AND is draggable in react
So I am trying to create a dropdown button, in where the user can click on one of the dropdown items, and the button updates. Next the user can drag the that button with the updated value to the drop ...
0
votes
0
answers
11
views
Browser API, 'draggable' is not selecting proper target in Next.js
First, please check my code.
const [dragItem, setDragItem] = useState(undefined);
const [dragFile, setDragFile] = useState(undefined);
const [targetFolder, setTargetFolder] = useState(...
0
votes
0
answers
14
views
React native draggable responsive issue
I need to use react native draggable for arranging my cards.But after placing and saving the card on right end in big screen I cant see that card in smaller devices. because the position issue
this ...
1
vote
0
answers
27
views
Is it possible to change the white file icon that appears when dragging a node with setOnDragDetected? (JavaFX) [duplicate]
GOAL:
I wish to change the white file icon that appears when dragging a node that has implemented setOnDragDetected. More specifically, I'm recreating chess in JavaFX, and want to have a chess piece ...
0
votes
0
answers
19
views
react-draggable make refresh on mobile
i use react-draggable in my react app ,and its very hard to drop dwon for close and the difficulty in closing by scrolling down drag causes the mobile site to refresh
i also try to add the 'allowDragg'...
1
vote
0
answers
18
views
Draggable element with resistance effect
I would like to achieve a smooth resistance effect once a draggable element overflows its parent or any other area that it is confined to.
I came up with many different solutions (without using a high-...
0
votes
1
answer
51
views
Store draggable DIV's position in HTML Table to MySQL database
I'd like to know if/how i will be able to store the position of where I move a draggable div to on the table, so when the page is reloaded, it will return to were it was left (from MySQL database).
i ...
0
votes
0
answers
25
views
Drag and Drop options between 3 or more <select> tags
I have 3 or more tags and I would like to have to options dragged and dropped amongst them. There is an option using multiselect but this works well with two select tags.
I am also able to achieve it ...
0
votes
0
answers
37
views
How to work with swimlane/ngx-dnd in material dialogs?
I was working with angular project. I have to drag and drop the content in mat-dialog. I am using swimlane/ngx-dnd for this. But it is not working in dialog. I have attached a picture regarding this ...
0
votes
0
answers
73
views
vuedraggable: how to drag multiple items in a table at once
I would like to drag multiple <tr>'s up and down a table column at the same time. It's rather straight forward to drag individual rows using <draggable>, however what I'm looking for is a ...
0
votes
1
answer
97
views
How to set DraggableScrollableSheet maximum size dynamically, according to its content?
Problem
So basically it's quite an old problem, which I couldn't fix with Google. The problem is that DraggableScrollableSheet doesn't size its maximum size based on its content size, but with only a ...
1
vote
1
answer
34
views
Canvas.create_image(), draggable image seems not to be moving from its place?
Im working with Tkinter currently and im trying to make an draggable canvas image, the code i've "made"/edited from another stack overflow question, the second one to be particular. There ...
0
votes
0
answers
28
views
Draggable child div in parent div boundaries in jquery + css
I have a question which is pretty hard to explain, but I will try. I have a parent div, which is the size of the screen and I have child div which is bigger than the size of the screen, I need to make ...
0
votes
0
answers
16
views
styled component not working with mosaic component
i used style component with drag and drop column table and tring to use in mosaic react component but then dragging functionality not working. So canuse or not styled component in mosaic component or ...
0
votes
2
answers
35
views
Pygame draggable frame seems not to be working
I am working with Pygame currently, and I made a simple function to create window instances much like Windows 10 UI. the code I made doesn't give any errors or any unwanted outputs. It just seems not ...
0
votes
1
answer
30
views
Error Node.insertBefore: Argument 1 is not an object. , for drag and drop on newly created todo item
i'm working on this todo app challenge and I'm getting the mentioned error for my drag and drop set up whenever a new todo is added. It works fine with the items that are already there, but as soon as ...
0
votes
0
answers
22
views
Flutter: onDragStart(LatLng pos) event not triggered for marker when using google_maps_flutter package
I've added some markers to a Google Map using google_maps_flutter package, with onDragStart and onDragEnd event handlers. However, _onPolygonVertexDragEnd handler is never called. The ...
0
votes
0
answers
28
views
d3 drag: Cannot create property 'fx' on number '0'
first of all thanks for entering the question.
My issue is my drag handler is not working as expected on d3 v6/v7 (tried both). Right now I'm not receiving the event in the function, so I can't assign ...