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.

Change layout before dragging

See original GitHub issue

Is there any way to change the layout before dragging, e.g. hide stuff in the element that is being dragged? I tried using CSS but since the height is put on the style tag this doesn’t have the desired effect…

Issue Analytics

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

github_iconTop GitHub Comments

3reactions
Robinfrcommented, Feb 14, 2017

I’ve taken a bit of a different route (but not by much). Check out PR https://github.com/clauderic/react-sortable-hoc/pull/147

I’ve updated the example in the main index.js to showcase the implementation.

1reaction
claudericcommented, Mar 13, 2019

You can use the newly introduced updateBeforeSortStart prop

Read more comments on GitHub >

github_iconTop Results From Across the Web

Move and resize controls independently - Microsoft Support
Tip: Holding down the CTRL key as you drag a layout or control prevents the layout or control from being inserted into other...
Read more >
Change layout order when dragging dynamically in Android
Dragging all of the layouts when the long press with holder of top layout, but dragging to top direction isn't suitable for user...
Read more >
Dragging on force layouts should update x and y as well as px ...
Here's what actually happens: the node doesn't redraw (remember, only px, py) are changing, but once the layout is unpaused, the node flies...
Read more >
Drag–and–Drop: How to Design for Ease of Use
Clear signifiers and clear feedback at all stages of the interaction make drag–and–drop discoverable and easy to use.
Read more >
Moving blocks to customize layouts - Squarespace Help Center
Hover over the block you want to move. When the cursor becomes a hand, click and drag the block to move it around...
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