If I add container query CSS property "container-type: inline-size" to .content it breaks jQuery UI sortable behaviour. If I drag an item from the sortable div, the item immediately jumps some distance from the position of grab. The shift is probably the same distance as offset of div.content from the top left corner of the document. There is obviously a problem with calculation of position of dragged ghost element (displaced).
.content {
container-type: inline-size; /* This is problematic */
}
In my project I use simple layout structure:
If I add container query CSS property "container-type: inline-size" to .content it breaks jQuery UI sortable behaviour. If I drag an item from the sortable div, the item immediately jumps some distance from the position of grab. The shift is probably the same distance as offset of div.content from the top left corner of the document. There is obviously a problem with calculation of position of dragged ghost element (displaced).