Я использую пользовательский интерфейс библиотеки материалов и добавляю Thumbcomponent prop, что не позволяет перетаскивать ползунок с большого пальца на мобильном устройстве, однако, ползунок позволяет начать перетаскивание после нажатия на метку и возобновления скольжения. путь. Кажется, что большой палец становится стати c после нажатия на него.
Я пытаюсь нарисовать линии между большими пальцами трех ползунков, добавив ссылку на каждый большой палец и запустив getBoundingClientRect () для каждой ссылки в componentdidUpdate родительского элемента, содержащего ползунки. Я добавил некоторый дополнительный хакерский код, чтобы учесть тот факт, что ползунки расположены на панели. Я намерен, чтобы большой палец тоже был изображением.
Можно найти демоверсию на https://codesandbox.io/s/trial-map-svg-lines-8xluo
Я попытался удалить ссылку из диапазона (в Thumbcomponent , строка 54), так что пользовательский код местоположения исчезает, но проблема по-прежнему преобладает, что наводит меня на мысль, что причиной является не ссылка, а пользовательский код.
На рабочем столе такого поведения нет, но я попытался запустить его на android, IOS и мобильном инструменте chrome dev там, где это происходит.