Shopify / draggable

The JavaScript Drag & Drop library your grandparents warned you about.
https://shopify.github.io/draggable
MIT License
17.93k stars 1.09k forks source link

This library breaks when using `container-type: inline-size;` #609

Open srcrip opened 4 months ago

srcrip commented 4 months ago

I know the maintenance of this lib is slightly up in the air, but this has caused me a ton of problems trying to figure this out, so here's the info in case this bites anyone else.

The calculation around dragging the element based on cursor position gets totally broken if you happen to use this inside an element with container-type: inline-size;. No idea why. If someone knows and thinks they could fix it that would be pretty cool. Otherwise, you need to avoid using this with container queries I guess.

This also effects the Shopify draggable library. I'm not really sure why.