All Questions
24
questions
1
vote
0
answers
21
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 ...
1
vote
1
answer
51
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 ...
0
votes
0
answers
67
views
Drag and Drop Behavior Inconsistent between Images in Safari
In this video, I'll be demonstrating an inconsistent drag-and-drop behavior that I've observed specifically in Safari. As you'll see, when dragging the motor.png for the second time, the element is ...
0
votes
1
answer
70
views
How to remove the shadow of the draggable item in Angular
How can I eliminate the shadow that appears beneath the backdrop when dragging an item within the Bootstrap modal dialog?
As depicted in the accompanying picture, I am attempting to drag the "...
0
votes
1
answer
696
views
angular material drag&drop calls callback after css transition end
I have implemented list of elements which can be drag and dropped via angular material drag and drop feature
like in tutorial https://material.angular.io/cdk/drag-drop/overview
I've implemented ...
0
votes
0
answers
509
views
Drag and drop on mobile browsers
I'm trying to implement drag and drop on mobile browsers. For desktop browsers I successfully did it using onmouseup, onmousemove and onmousedown. Then, we noticed that it wasn't working on mobile ...
0
votes
1
answer
64
views
Why HTML Element X Position Value Doubled (x2) When updating its X Position Value After Drag Release Event from Angular CDK drag-drop?
I have an HTML element that has the following roles:
Move automatically at the positive x-level every time an Obsarbalve emits a new value.
Move manually at the positive and negative x-level by ...
1
vote
1
answer
81
views
CSS conflicting transform properties on same element
I am designing a UI that allows the user to drag and drop a box (red outline) to determine its position on the screen (black box).
UI
It can also be moved by changing the inputs on the right.
I am ...
0
votes
1
answer
3k
views
cdk Drag and drop of an image from one div to another in angular
I have created two divs one containing an image and other is empty. i want to drag and drop that image from one div to another. Here I'm using cdk drag and drop and cdkDragFreeDragPosition property ...
1
vote
1
answer
1k
views
Hide dragged element from it`s previous location while dragging it
I'm using DragDropModule from primeng 8.1.1 in Angular project version 8.2.
The problem is that I`m trying to hide the placed element when I\'m dragging it from one location to another in a container....
21
votes
5
answers
13k
views
How to change z-index of Angular CDK Drag and Drop?
I am using the Angular Material CDK Drag and Drop Functionality in my application. The drag and drop functionality is working fine, unless I am using it within a dialog (for most components I am using ...
3
votes
0
answers
1k
views
How can you save the state/position of dragged items using Angular Drag and Drop
I am creating a web app that shows people in rooms. When I drag a person from a room to another room I want that person to stay in that room even after a page refresh. How can I achieve this, I have ...
1
vote
1
answer
2k
views
Html Drag and Drop - Position floating dragged item to cursor
I am using Angular 8+ and working with HTML drag and drop feature. In short when I drag a div which have made draggable, I would like the mouse cursor to always be in the top left hand corner of the ...
2
votes
1
answer
4k
views
Change the height of a dragged item before drop using angular material drag and drop
I tried to change the height of the dragged object using angular material drag and drop. I have tried to change the class name of the dragged div using cdkdragstart event and adjusted the height in ...
6
votes
1
answer
6k
views
CDK drag and drop is showing only text data while moving the rich card divs angular
I have a list of card rendered in vertical direction. I want to move in between the list. So, I am using Angular CDK drag and Drop feature.
Card has some CSS rules, but while moving the card it shows ...