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

[Anonymous]

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

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



)}
{description.length > 0 && (

{description}

)}


< /code>
[b] Это мой компонент, в котором мы рендерировали метку, внутри у меня есть крючок, ответственный за перетаскивание.
Внутри этого крючка я обладаю функцией Mousedown: < /strong> < /p>
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);
}

Я попытался проверить: [/b]
if (cardRef?.current && cardRef.current.contains(e.target as Node)) {
return;
}
< /code>
Это предотвращает перетаскивание, даже когда я нажимаю на какое -то пустое пространство. Это пустое пространство, как правило, является частью самого текста, как пробел, так что, может быть, поэтому я не могу перетаскивать этикетку вообще, даже когда я не нажимаю на текст.
Есть ли какое -либо решение, чтобы предотвратить перетаскивание, когда я выбираю текст? Также возможность перетаскивать, когда я нажимаю на пустое пространство?>

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