Изменение размера элемента путем перетаскивания

Question

У меня есть календарный вид, который показывает таблицу с одним столбцом в день недели (see this image). Каждая строка представляет собой определенную вещь, которую можно забронировать за определенное время. Идея заключается в том, что бронирование можно расширить, перетащив внешний край на следующий день в таблицу или укорачивая его. Активное бронирование имеет диапазон по каждой стороне ячейки, который должен быть ручкой для перетаскивания.

Моя основная проблема теперь в том, что обычные функции перетаскивания & в браузерах, похоже, не соответствуют моей ситуации. Я не хочу что-то перетаскивать и отбрасывать его где-нибудь еще, я просто хочу перетащить, чтобы расширить элемент.

Это еще что-то, что можно сделать с помощью обычного перетаскивания HTML5 & drop или какого-то общего перетаскивания & drop library? Или есть ли другой способ достичь этого? Любые указатели на то, как подойти к этой проблеме?

Я использую React для этого, что может затруднить интеграцию некоторых решений, если они непосредственно манипулируют DOM.

Answer 1

ummm не уверен, что делать здесь, я думаю, его маловероятно, что связь скоро изменится, я могу описать репо 'Позволяет индивидуальный или групповой выбор элементов с помощью мыши. Нажмите и перетащите на несколько элементов лассо, удерживая клавишу cmd/ctrl, чтобы выбрать несмежные элементы. Я могу кратко описать, что делает код lib: использует прослушиватели keydown, keyup и mousedown для создания наложения и обнаружения закрытых узлов в DOM.