Different styling while dragging. about dragula HOT 7 CLOSED

CodePen would be nice. But basically: when dragging, your stuff is removed from its container, and appended to document.body. So any styles your element inherited from its parent, or any styles affected by siblings of your element, are gone now. Take that into account when adjusting the styles for your drag shadow.

from dragula.

from dragula.

Made a codepen but it doesn't seem to do the same.
In the codepen it hides the internal objects or something like that.
See for yourself over here:
http://codepen.io/johman10/pen/XbdNoo

Hope it shows the problem.
I'm think it has something to do with scss nesting... could that be it?

from dragula.

All your styles inherit from .options_menu. The options_menu class is nowhere in the dragged element.

from dragula.

Wow! That was pretty stupid! Should have seen that myself!

Thanks for you help and thanks for Dragula! Gotta love it!

from dragula.

Also fixed the example in the demo page for reference

from dragula.

Hi, a somewhat related question.
How do I change the cursor from grab to grabbing while dragging?
I've tried adding cursor: grabbing to both .gu-mirror and .gu-unselectable (which are the ones that seem to be related), but neither one is working.
This is in Svelte:

  .drgwrapper :is(:global(.gu-unselectable), :global(.gu-mirror)) {
    cursor: grabbing;
  }

I've also changed them inside /node_modules/dragula/dist/dragula.css (and restarted bundler), still without success.
I'm using Chrome.

from dragula.