Как исправить эту проблему с drag'n'drop?

Question

[JackShcherbakov]

Здравствуйте! Набросал черновик плагина, который позволит изменять размеры элементов путем перетаскивания определенных ползунков, находящихся по периметру элемента. Но вдруг заметил проблему:
Код - https://codepen.io/CitizenOne/pen/eybLGz
Алгоритм, вызывающий эту проблему:
1. Наведите указатель мыши на левый ползунок (он пока единственный в рабочем состоянии)
2. Нажмитие и удерживайте мышь, не двигайте мышь.
3. Как можно реще двиньте мышь в любом направлении и вдруг курсор заменится перечеркнутым красным кругом

Важно:
1. Я отменил действие браузера по умолчанию при возникновения события dragstart.
2. Алгоритм выше работает через раз. Честно говоря, я сам не понимаю, при каких обстоятельствах это возникает
3. Я бы выложил скриншот, но при делании скриншота курсор "не попадает в кадр".
4. Вот так выглядит курсор при возникновении проблемы, при этом, элемент не перетаскивается:
https://s00.yaplakal.com/pics/pics_original/1/9/0/...

Выражаю огромную благодарность всем, кто поможет!

Comments

[kulaeff]

Такой курсор появляется, когда вы на странице что-то выделяете и начинаете перетаскивать. Курсор такой будет до тех пор, пока он не окажется над каким-то элементом, который может принять то, что вы перетаскиваете, тогда он меняется на стрелку с плюсиком. Возможно у вас такая хреновина. Dragstart то вы отменили, но это не мешает выделять текст вроде. Чтобы запретить выделение текста, есть CSS свойство user-select.

PS: Сколько ни старался, воспроизвести не смог. Chrome.
PPS: Все таки смог и я был прав. Попробуйте задать этим точкам свойство, про которое я говорил выше.

[JackShcherbakov]

kulaeff, Господи, словами не описать как я Вам благодарен! Спасибо огромное! Напишите то же самое в ответах и я помечу Ваш ответ решением (Вы написали в комментарии, ответы ниже). Еще раз спасибо!

[kulaeff]

JackShcherbakov, не за что.

Answer 1

[kulaeff]

Такой курсор появляется, когда вы на странице что-то выделяете и начинаете перетаскивать. Курсор такой будет до тех пор, пока он не окажется над каким-то элементом, который может принять то, что вы перетаскиваете, тогда он меняется на стрелку с плюсиком. Возможно у вас такая хреновина. Dragstart то вы отменили, но это не мешает выделять текст вроде. Чтобы запретить выделение текста, есть CSS свойство user-select.