События TouchMove перестали работать в chrome 72 и последнем webkit

В последних обновлениях Chrome (Desktop) и Webkit (Android) события touchmove перестали работать. Ошибка очень привередливая, например, она ломается, только если я рисую что-то на холсте, а высота холста составляет не менее 220 пикселей. Если высота 219 пикселей или я не рисую на холсте, это работает. Кроме того, если холст имеет границу или контур 1px, он работает, если он имеет границу или контур 0px, он не работает.

Это сложно проверить в скрипте, поэтому я поместил его на отдельную страницу: https://ghost.sk/chrome-touchmove-error/

Если вы хотите протестировать его в Chrome, перейдите в консоль (Ctrl+Shift+I) и включите мобильный режим (Ctrl+Shift+M). Когда вы касаетесь и перемещаете изображение без рамки, оно не работает. Если вы коснетесь и переместите изображение с рамкой, оно сработает. Вот что он делает на этом видео: https://thewikihow.com/video_YVnYU45MzGU (первые два — хром 72, вторые два — хром 71), а вот последняя версия вебкита https://thewikihow.com/video_D0QIRR-bKLo

Страдает и это. Спасибо за подсказку по границе, добавляю границу в 1 пиксель, чтобы исправить ситуацию.

ElDog 06.02.2019 12:44

У меня была такая же проблема / или похожая. Решил это, поместив мой холст в модальное окно и временно отключив весь фоновый контент.

Baked Inhalf 27.02.2019 20:10
2
2
694
0

Другие вопросы по теме