All Questions
336
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 ...
1
vote
0
answers
31
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 {
...
3
votes
3
answers
111
views
How can I add drag & drop functionality to my file input HTML tag which I have customized as an image?
I am currently designing a form using HTML, CSS, and JavaScript which includes an input type=file. I customized the form, so that the input now uses an image which can be clicked to browse and select ...
0
votes
0
answers
21
views
Can't change not-allowed cursor when dragging on div borders
Whenever I'm dragging a div over another one, I see the not-allowed cursor appearing and flashing when passing over the borders of another div, even if it has no borders specified.
The expected ...
0
votes
1
answer
43
views
Drag items disappear/wont move when trying to move them
I'm trying to make a 3x3 grid with the grid items being each a part of 1 image. These items I want to be able to drag and drop them inside another 3x3 grid.(In any order I want).
I've encountered a ...
0
votes
1
answer
124
views
css style cursor during drag & drop
When using the HTML Drap and Drop API, how can I change what the cursor looks like?
It seems to be using the default no-drop while not over a dropable zone as well as some other ones (that I can't ...
1
vote
0
answers
24
views
Does e.target work differently on mobile?
I have noticed that when I was debugging with the devtools and set it to the screen to be mobile, e.target was detecting the parent divs(especially the ones' display is flex) instead of the children ...
0
votes
1
answer
31
views
need an function swap for swaping elements
function swap(ev, targetId) {
//Working on a school project and got stuck, was trying to swap .gif like drag and drop
const currentId = ev.dataTransfer.getData("text");
const current = document....
0
votes
0
answers
29
views
Is it possible to change the cursor while dragging using HTML drag and drop [duplicate]
Í'm trying to make my application look a little better, and something that has been bothering me is the cursor while dragging using HTML drag and drop.
I have tried searching stackoverflow and google ...
0
votes
1
answer
30
views
Issue with Resizing Shapes by Dragging Handles in JavaScript
I'm working on a JavaScript application where I'm implementing functionality to resize shapes by dragging their handles. I've encountered an issue with the resizing functionality. Also, when resizing ...
0
votes
1
answer
205
views
Microsoft Edge Visual Search prevents dragging image
Since Microsoft Edge Version 120 something for Visual Search has changed which breaks dragging a image within my Angular Web App.
The img Element has the property draggable="true".
If ...
0
votes
1
answer
180
views
Multiple Moveable Resizable Windows with HTML / CSS
I am attempt to make multiple moveable resizable windows using only HTML / CSS.
Based on this post from CSS-Tricks I have made two windows and they can both be moved.
However, the second window ...
0
votes
0
answers
155
views
drag and drop in vuejs using an icon
I am working on drag and drop feature in my vue.js,here is my parent component:
<script setup lang="ts">
import { ref, onMounted, defineAsyncComponent } from 'vue'
import AddCourseCard ...
0
votes
0
answers
31
views
Dragged element text is sticked to cursor as "hologram"/"shadow"
I'm trying to make an element draggable. It contains text and as soon as I drag the element outside the element boundaries, this weird clone of the text forms that is only slightly visible and bound ...