Весь компонент перетаскивается, когда я пытаюсь выбрать в нем текст ⇐ Html

[Anonymous]

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

{title}
{!isMobile && ({subtitle})}
{isMobile && isExpandable && (



)}
{description.length > 0 && (

{description}

)}

Это мой компонент, где я рендеринг MABELCARD , внутри которого у меня есть крюк, ответственный за перетаскивание.function mouseDown(e: { clientX: number; clientY: number }) {
if (!card) {
return;
}

startX = e.clientX;
startY = e.clientY;
initialX = card.offsetLeft;
initialY = card.offsetTop;

document.addEventListener('mousemove', mouseMove);
document.addEventListener('mouseup', mouseUp);
}
< /code>
Я попытался проверить: < /p>
if (cardRef?.current && cardRef.current.contains(e.target as Node)) {
return;
}
< /code>
Это предотвращает перетаскивание, даже когда я нажимаю на какое -то пустое пространство. Это пустое пространство, как правило, является частью самого текста, например, белое пространство, поэтому, возможно, поэтому я не могу вообще перетаскивать этикетку, даже когда я не нажимаю на текст.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... text-in-it