question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question: drop area

See original GitHub issue

I’m making a proof of concept editor in which I have two levels of drop components: groups and properties

When dragging a property into an empty group, the drop area for the property seems to be very small. I can only drop the property on the marked spot in the image.

For non empty groups, this works fine, I can drop the property anywhere on the surface.

Is there something that I am missing here, some setting of some sort?

Skärmavbild 2019-12-28 kl  11 07 28

I have set the draggable width to 100% and also a min height, added background color just to see that the area is there. but I can still only drop at the small spot for empty groups.

Ideas?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:13 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
bbughcommented, May 7, 2020

Making the drop area height: 100% was sufficient for me without adjusting emptyInsertThreshold. Thanks for the tip.

6reactions
israelfloresdgacommented, Jan 8, 2020

This worked for me :empty-insert-threshold="100" Found it in this issue https://github.com/SortableJS/Vue.Draggable/issues/673#issue-465087311

Read more comments on GitHub >

github_iconTop Results From Across the Web

Drag and drop markers question type - MoodleDocs
This question type allows students to drop markers onto an area on a background image. Drag and drop markers questions differ from Drag...
Read more >
Drag & Drop Marker Questions in Moodle - UMass Amherst
Drag and drop markers questions require students to drag and drop a marker onto a background image to a preset location. You will...
Read more >
Drag and Drop Questions (Silver/Gold Feature)
Enter your text into the question bar. Click "Add drop area" to create a designated space for your students to populate with an...
Read more >
Drag and Drop question type tutorial - YouTube
Drag and Drop question type tutorial. Watch later. Share. Copy link. Info. Shopping. Tap to unmute. If playback doesn't begin shortly, ...
Read more >
Drag and Drop question - University of Warwick
Drag and Drop questions are similar to Hotspot questions but allows up to 10 areas on an image to be selected. Participants place...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found