Взгляните на эту скрипку. Нажмите «Новый контейнер», перетащите контейнер вниз и вправо, затем нажмите кнопку + внутри контейнера. Теперь перетащите новый элемент вокруг. Конечные точки, прикрепленные к нему, не могут решить, должны ли они быть расположены относительно контейнера или относительно документа, поэтому они колеблются между ними. И это при вызове jsPlumb.repaintEverything во время функции drag(); если вы опустите это, конечные точки останутся в неправильном месте, а не будут дрожать.
Я подумал, что, возможно, проблема в том, что контейнеры ожидаются с position: relative, а перетаскиваемые элементы ожидаются иметь position: absolute. Поэтому я попытался поместить внутренние перетаскиваемые элементы в <div> с position: relative внутри перетаскиваемого контейнера; это не помогло.
Моя проблема выглядит похожей на ту, что упоминается в этой проблеме GitHub, но ошибка якобы исправлена. Другая проблема упоминает, что jQuery ненадежен для перетаскивания, и вместо этого мы должны использовать vanilla jsPlumb; Я могу перестроить это без jQuery, если мне это абсолютно необходимо, но это значительно усложнит некоторые планы на будущее для этого проекта.
Как сделать позиционирование конечной точки плавным и надежным для вложенных перетаскиваемых элементов?
