Как должен работать click.self?

Question

[profcat]

https://codesandbox.io/s/self-problem-m8feh

Вроде бы на клик по красному квадрату навешан .self модификатор, но, когда мы делаем mousedown на синем, а mouseup уже на красном, неожиданно событие клика на красном срабатывает. Какой же это тогда click? В связи с этим вопрос:

1) Зачем тогда нужен .self
2) Как исправить возникшую проблему. Нужно возникновение события только при полноценном клике на красном квадрате.

Answer 1

[Антон Антон]

Косяк не в vue, а в js, который посылает эвент и туда, где было нажатие и туда где было отпускание. Можно обойти как-то так: https://codesandbox.io/s/self-problem-6iemw