All Questions
Tagged with drag-and-drop css
513 questions
0
votes
1
answer
66
views
Smooth style application on target element in Dragenter and Dragleave
I'd like to apply a dashed border around my targeted table columns when a draggable element is hovered over the column on dragenter, and remove the border on dragleave.
I am able to successfully ...
- 812
-1
votes
1
answer
21
views
Angular CdkDropList with display: none does not recognise cdkDropListDropped event
I'm have an issue trying to move an item to a cdkDropList which i change from display : none to display : block.
I have two lists - the #firsstList allows elements to be moved to #secondList but not ...
0
votes
1
answer
55
views
Draggable div is sticked to the right side of screen until max-width is reached while dragging
I'm making Chrome extension. I'm trying to make popup to be draggable and to be able to move it around screen. I'm able to move it but it's stuck to the right side of screen until it reaches max-width....
- 792
0
votes
0
answers
52
views
Jquery sortable grid with different height boxes
I want to make a jquery sortable dashboard for my users. The dashboard has blocks with different sizes. However if I move small blocks on the right of a big block, they sort correct, but the other ...
2
votes
0
answers
106
views
How to prevent page scrolling when dragging over the viewport edges
When dragging things on the edge of an overflowing page, the page will start scrolling. How to prevent this behavior with native browser functions / styling? It's OK to work only on Firefox. (I'm ...
- 21
1
vote
1
answer
100
views
How to calculate correct position of a element when dragged using translate with scale applied in javascript
I am working on the following Drag and Drop library as a side project. I am using transform translate to make a element draggable. I store the initial client.x and client.y and calculate the translate ...
- 43
0
votes
0
answers
34
views
Sidebar with vertical scroll that contains drag and drop items that are not visible outside
I have a sidebar with some divs that overflow the height and so vertical scrollbar is needed.
The problem it's that these divs can be drag and dropped outside the sidebar.
So the sidebar must have the ...
- 113
0
votes
0
answers
67
views
Customize the css of the dragged object of react DnD
I am using React DnD library version 16.0.1. When I drag a component, the object I drag is too transparent.
This is my code:
<div
ref={(node) => drag(drop(node))}
className={`col-12 col-...
- 55
0
votes
1
answer
48
views
Select text in absolute element where parent is draggable table cell
How can I select text on #text element?
SelTd is draggable and has onDragStart event.
#textparent is relative, #text is absolute
the goal - mouse selection of the text in #text and copy it
If I ...
- 588
1
vote
0
answers
31
views
Angular 3 levels of drag and drop
I'm working on an Angular application where I need to implement drag and drop functionality for a menu system with the following structure:
Header menu can have both Group menu and Menu items as ...
- 311
1
vote
1
answer
264
views
cdkDragPlaceholder not working for horizontal Drag and Drop
I'm working on a website which involves horizontal drag and drop of elements.
I'm able to do horizontal drag and drop. But i need the user to identify where he actually dropping the elements. For that ...
- 1,201
-1
votes
1
answer
28
views
Assign different overflow behaviour for the parent depending on the child
I am trying to figure out how to make overflow hidden for for the parent child for one child but not for the other. I am making an inventory for fivem so i want it possible to scroll through the slots ...
1
vote
0
answers
33
views
Parent elements overflow act differently for different child elements?
I have problem with letting one child override parents overflow but not the other
#second-row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0px;
height: 503px;
}
.inv {
...
1
vote
0
answers
29
views
Adjust ghost image for drag and drop feature based on React State
I have a drag-and-drop application that reorders an array of cards. When start dragging, I'm removing the dragged item from the array and then putting back on drop based on the new position. ...
- 11
0
votes
1
answer
169
views
Maintain row position during drag n drop when other rows collapsed
I have a draggable/sortable list of accordion items (or expandable rows) and I'm collapsing all of them during drag n drop to make it easier for the user to see what they're doing.
If I do this only ...
- 6,942