Как выделять элементы по которым наводишь нажатой мышкой в момент клика?

Question

[Кирилл]

Есть список элементов.
Задача: когда зажал клик на одном элементе списка и повел до любого другого элемента, эти элементы и диапазон между ними должны выделятся. При этом, если не отпустив клик повеести мышь обратно, то выделения должны убираться.

Сейчас отчасти работает (пробните в кодсендбоксе), но не добавляется первый элемент. Если я его пытаюсь добавить (раскомментируйте закомментированный код), то выделение обрывается после второго элемента, до того как отпустить мышь. Причем не могу понять почему.

Ссылка на песочницу: https://codesandbox.io/s/heuristic-wescoff-blyb9?f...

1. Почему код, который закомментирован, не работает?
2. Как это поправить, чтобы работало корректно?

Comments

[Алексей Абрамов]

1ый элемент не выделяется, потому что при проверке if (currentIndex > this.previousIndex) current = 0 previous = null, 0 > null = false, следовательно, срабатывает

if (increase === false) {
            console.log("уменьшение");
            this.selectedItems.pop();
          }

То есть, нужно добавить условие, если первый зажим мышки пришелся на первый элемент.

Answer 1

[0xD34F]

https://codesandbox.io/s/for-https-qna-habr-com-q-...