Category : drop

I’m writing a drop folder/file area in my Angular project, but for some reason the items array and files object (of a dropped file/folder) are always empty HTML: <div class="files" (drop)="dropFiles($event)"></div> Code in the component class: dropFiles(ev) { console.log(ev.dataTransfer); } Console.log output: dropEffect: "none" effectAllowed: "all" files: FileList {length: 0} items: DataTransferItemList {length: 0} types: ..

Read more

I need some help with the following. Whole area with dashed red color in image is input type file which is disabling select option to work. So I’m having something like this: <div style= "1px dashed red"> <div class="aa"> <input type="file" (change)="aabb()"/> </div> <div> <h3>Drag files here</h3> <select type="text" placeholder="Select"> <option value="AA">AA</option> <option value="BB">BB</option> </select> ..

Read more

I’m struggling with library angular-draggable-droppable from here: https://mattlewis92.github.io/angular-draggable-droppable/docs/index.html I’m using this library and everything is working fine, but my problem is with ghost element styling. I have prepared stackblitz to show where my problem is. Here is the link: https://angular-8kea9w.stackblitz.io My problem here is, I’m trying to create a ghost template, and it works fine, ..

Read more