Реакция: Как создать дескриптор перетаскивания с помощью перетаскивания? ⇐ CSS

[Anonymous]

Я не могу найти ответ о том, как сделать компонент реагирования перетаскиваемым только при нажатии кнопки перетаскивания (

Код: Выделить всё

Clicking anything inside the element wont trigger the drag event

)
Вот код Material UI JSX:

Код: Выделить всё

{/* Title */}
Draggable Element 1

{/* Button : Drag Handle */}

 {}}
sx={{
color: 'rgb(19, 140, 126)',
caretColor: 'rgb(19, 140, 126)'
}}
>
{/* Drag Handle: Icon */}



{/* Button : Edit */}


... Edit Button



{/* Button : Clone */}

... Clone Button

{/* Button : Delete */}
... Delete Button

и это выглядит так:


Я хочу, чтобы элемент можно было перетаскивать только при нажатии кнопки «Перетаскивание».
Если щелкнуть что-либо внутри элемента, перетаскивание не произойдет. , кроме кнопки перетаскивания


Что мне делать, чтобы сработало?

Подробнее здесь: https://stackoverflow.com/questions/764 ... -draggable