Questions tagged [drag-and-drop]
It allows you to "grab" an object using the mouse and drag it to a different location. Drag and Drop can be done on browser-based application (web) or on native GUI applications like android or desktop
12,864
questions
0
votes
0
answers
5
views
Mouse event's movementX and movementY showing different values in two machines, both with same device pixel ratio. How come?
I have a drag and drop system in which users can drag and element and that dragging should, of course, match the mouse movement. To update the element's position, I use the mouse move events's ...
0
votes
0
answers
10
views
How to solve Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node' dropzone
var connection = new signalR.HubConnectionBuilder().withUrl("/progressHub").build();
var count = 0;
jQuery(function ($) {
//burada Dropzone eklentisinin otomatik ayarları almasını ...
0
votes
0
answers
6
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
0
answers
10
views
react-beautiful-dnd > Invariant failed: provided.innerRef has not been provided with a HTMLElement
I am currently working on a todo app and would like to implement a drag and drop method to reorder the list. I have tried several dnd libraries but none seem to work. I tried react-beautiful-dnd this ...
0
votes
1
answer
56
views
How to interpret DROP elements from dragging a file attachment off Outlook Online?
When I drag a file attachment from Outlook Online (Web, rendered in Firefox) to my app, I receive the following drop elements:
But how do I get the attachment contents (the raw bytes of the ...
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
0
answers
28
views
Unity drag and drop, can an object be both "droppable" and a drop target at the same time?
I am creating a game in Unity where the board pieces can be dragged and dropped onto other board pieces. In other words, each board piece is both droppable, and can be a drop target as well.
My ...
2
votes
0
answers
15
views
During drag/reorder, use itemTouchhelper to shrink or resize all items in the Recyclerview (Vertical)
I have a vertical recyclerview that uses the ItemTouchHelper callback to allow dragging and reordering of items. When an item is moved, I want to shrink all of the items' widths and heights so they ...
0
votes
0
answers
21
views
How to add scrollable regions with Drag & drop widgets with PyQt?
Please add a scrollable region to this code so that when I run the code, I can scroll down through the window and see the last items in the window and replace them.
As this is a drag and drop code I ...
1
vote
1
answer
21
views
Long pressing an item on Android Chrome shows the context menu for a bit but then shows up an unwanted drag-and-drop item
For example, when I long press an item, it shows the context menu but then the context menu gets closed a tiny bit after and summons a drag-and-drop box (containing the URL and the name of the page if ...
0
votes
1
answer
15
views
Change drag image inside a DragEnter event
I'm trying to define the image that appears when I drag an element inside my page.
I saw how to do it with DataTransfer.setDragImage() in that link but with me it is not working.
There are two ...
-3
votes
0
answers
11
views
I want to :when make listener on the Checkbox appear the price in the Down "add to basket" + i make this form or code on drag drop [closed]
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/**
*
@author c....
0
votes
0
answers
6
views
Is there a way to drag and drop only when a specific button is clicked on recyclerview item?
I'm using the ItemTouchHelper for drag and drop.
As I see, ItemTouchHelper only provides the ability to drag over any part of the item.
But I need to implement drag and drop only on a specific button.
...
1
vote
1
answer
49
views
Blazor: Drag & Drop list elements
I would like to know how to bind Drag & Drop events to rearrange items in a list.
This is the code I have:
<PageTitle>Drag & Drop</PageTitle>
<ul style="border:1px solid ...
0
votes
0
answers
6
views
how to get dropped element ID , dragDrop Angular
i use this function on drop from task planned into task progress
onDrop1(event:CdkDragDrop<string[]>,id:any){
console.log('ondrop progress')
this.updateProgress()
if(event....
0
votes
0
answers
28
views
Prevent an element from being dragged if it is open - Angular Drag and Drop
Well, I have a list of cards that can be dragged using Angular Material's drag and drop.
If you click on it, a menu is displayed (with more elements inside)
Example
I can drag these cards with the ...
0
votes
0
answers
14
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 ...
-3
votes
0
answers
16
views
MVC View in Drag and drop [closed]
me and other classmates are doing a program in Java in MVC.
My classmate programmed the Controller part and I have to do the View one.
I'm used to program Java interfaces in Drag and drop: I tried ...
0
votes
0
answers
17
views
Learning React-dnd to create trello-copy app (drag and drop)
I'm learning React-dnd and I try to create trello-copy app, just for practice.
Here is my current version on codesandbox my-app
It's not adaptive, so please expand the browser window to able to see ...
0
votes
0
answers
7
views
How I can block or prevent drop event over tag inputs and URL bar?
I am using this implementacion of Dragging and Dropping Rows between Grids from: (https://www.telerik.com/kendo-angular-ui/components/knowledge-base/drag-drop-between-grids/)
When I drag a row, over ...
0
votes
0
answers
23
views
Scroll while dragging
I have some TextViews with drag and drop implemented in Kotlin and I what I would like to do is when I drag one TextView at the bottom of the screen, where a ScrollView is located, for it to scroll ...
0
votes
0
answers
18
views
How can I highlight the box as I'm creating it?
Currently the box only appears after you stop dragging. I want to outline the box as its being created.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="...
0
votes
1
answer
22
views
Drag&Drop works with URL, but not with String – why?
In my code the drag&drop function works fine with URL objects. But the exact same code for String objects does not. I have tried with countless casts and loadItem instead of loadObject ... no luck ...
0
votes
0
answers
11
views
Pinning a particular element using a drag and drop library in React
I am migrating from react-beautiful-dnd to dnd-kit which does not have customization to pin a particular HTML element and the others we can drag and drop.
Like in this image I can drag the Drag Me ...
0
votes
0
answers
15
views
Javascript - Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'
I have this code in my vue component
<template>
<div class="container-fluid p-0">
<div class="row m-0">
<div class="col-12 vh-100 p-0" @...
1
vote
0
answers
31
views
Xamarin Drag and drop how to edit balloon icon and text see image
Using the drag drop sample https://github.com/xamarin/xamarin-forms-samples/tree/main/WorkingWithGestures/DragAndDropGesture
I'm not sure its actually a notify balloon not sure of its correct ...
1
vote
0
answers
22
views
How to rotate the Drag&Drop preview in Swift
I have a problem rotating the preview when I drag a button.
In this project I drag a button that represents a street that you can rotate, so when the user rotates the button I save the number of ...
0
votes
0
answers
6
views
React Drag and Drop 2 fields with the same values
To contextualize, I have a trip that has for attributes points of interest that are assigned to it and are sorted by a rank field that allows us to display them in a desired order.
I have a problem, I ...
0
votes
0
answers
14
views
Drag file from your site to another site
I need to drag a file (img, pdf, word, etc.) from my site to another website.
I have experimented with vanilla javascript's dataTransfer but it does not seem to support this behaviour. At best I ...
1
vote
0
answers
47
views
Inconsistent behavior with drag-and-drop of network files in JavaFX
I see an odd behavior in JavaFX that I can't seem to explain or know how to resolve. My application involves importing files for processing. Users can either drag-and-drop files into the application, ...
1
vote
0
answers
31
views
Tree view component with drag'n'drop leaks memory
I need to create a TreeView component in Vue.js 3, and I need it to be drag'n'drop editable.
The component I came up with is working, but it leaks memory.
Here is the component code, and a usage ...
0
votes
1
answer
29
views
Entire page File Drag and Drop (angular)
I want to make a entire page file Drag and Drop solution with Angular.
I mean, user can drag a file anywhere at the page, once he did, a message appear saying "drag it to upload" (or ...
0
votes
0
answers
16
views
Using Selenium to Click and Drag Across the Window to Highlight Text on the Web Page
I am trying to move the cursor to an element, then click and drag across the screen to simulate someone highlighting text on the screen. My code does not appear to be simulating this action though. ...
0
votes
1
answer
22
views
Support for PrimeReact's(version 7.x) Drag and Drop between 2 different Tree Objects
I already have a Tree component from PrimeReact 7.x that I use. Now I would like to
have another UI element(another Tree or list my own implementaion) that I should be able to drag and drop to the ...
0
votes
0
answers
10
views
Drag N Drop sorting skips numbers in table td sorting PHP
I am having problems with my drag n drop sorting for for my tr rows. When the database is updated it dosnt insert the numbers 1,2,3,4,5 etc.
Result I get in database is 1, 3, 5, 7, 9 ect. So it skips ...
0
votes
0
answers
12
views
swiftUI Problem using onDrag an onDrop in LazyGrid
Implement the proposed solution to do drag and drop in this thread:
SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
The problem I have is that I want to play a vibration ...
1
vote
1
answer
32
views
JavaScript - Prevent cut and paste by drag and drop
I want to prevent the following behavior on a contenteditable div, because it messes with the structure if the div contains any other elements but text nodes.
I have tried the obvious:
Setting ...
0
votes
0
answers
46
views
I don't understand why this mutable state doesn't work
I have a map of tables and i want to detect when 2 of this tables are colliding (because the tables can be moved with drag and drop). When they collide i want to change also their color but my mutable ...
0
votes
0
answers
18
views
Gong drag and drop: Can't copy from treeview to listbox
I have the following classes:
public class VM_AssetPack : INotifyPropertyChanged, IHasAttributeGroupMenu, IDropTarget, IHasSubgroupViewModels
{
public ObservableCollection<VM_Subgroup> ...
1
vote
0
answers
34
views
Can I drag and drop a file from a Tkinter GUI to an arbitrary location on my computer?
I've been able to find plenty of examples online for dragging external files into a Tkinter GUI (using TkinterDnD2), but nothing about going the other way. Is it possible, for example, to drag a ...
0
votes
0
answers
34
views
External Drag & drop items to the calendar react
I am using react-calendar-timeline for my project. I have requirements where i need to drag and drop item(s)from the external source to the calendar timeline. Currently react-calendar-timeline library ...
0
votes
1
answer
34
views
How can I receive DragEvents of an ongoing drag for newly added Views?
As far as I can tell, Views only receive DragEvents if they had implemented onDragEvent() or had set an OnDragListener before startDrag() (or startDragAndDrop() for API 24+) is called. They will then ...
0
votes
0
answers
12
views
FileNotFoundException exception in PresentationCore.dll for DragDrop.DoDragDrop on one single host
The following code shows a FileNotFoundException on one single host (in PresentationCore.dll with HRESULT: 0x80070002)
private void OnMouseMove(object sender, MouseEventArgs e)
{
Ellipse ellipse = ...
0
votes
0
answers
14
views
Modify original Position on jQuery ui Drag & Drop
I have an application with multiple stack of card, I would like to have a drag&drop ability between these stacks.
These stacks have a different layout in term of offset relative to the parent ...
0
votes
2
answers
49
views
Extjs 4.x Grid drag and drop records with parent-child relation
I have created a Extjs (4.X) grid which has records of parents and childrens. The records are in sorted order where in the childrens always appear just below their parents as shown here, where 'P' ...
0
votes
0
answers
10
views
electron-react-boilerplate) How to create file download system using drag and drop
I'm creating file converter using electron-react-boilerplate. Although importing files was implemented with drag and drop, did not implement downloading files by drag and drop like when dragging a ...
0
votes
1
answer
72
views
Implementing copy and move when dropping an Item in `QTreeView`
I revised the whole question because the behavior I want is hard to implement and actually use.
I'm trying to imitate the behavior in the File Explorer where when I press Shift while dragging, the ...
0
votes
0
answers
17
views
How to make a layout with only aboslute positioning in pyqt
I want to make a layout where the user is able to move the widget inside freely with no constraints of rows or column. So I'm using absolute positioning. I'm able to make it happen in a window with no ...
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 ...
7
votes
2
answers
103
views
How to decide whether a drag&drop operation points to somewhere outside the browser window?
I'd like to handle dragend events differently depending on whether an element has been just dragged inside the browser window (or site resp.) or or outside, e.g. to an external file manager.
After I ...