raddevus Ответов: 1

Почему firefox показывает смещение в позиции курсора?

Это очень странная история, но я решил разместить ее здесь для развлечения и потому, что она так раздражает. Может быть, кто-то еще тоже это видел.

Вот в чем дело.
Я бегу:
Убунту 20.04
FireFox 82.0.3 64-битный (только что обновлен сегодня) (проблема происходила и в предыдущих версиях)
Когда я прокручиваю страницу вверх на веб-сайте LinkedIn, то местоположение курсора смещается от того места, где я на самом деле вижу плавающий курсор.

Это сбивает с толку. Дело в том, что вы увидите кнопки и ссылки, активирующиеся, когда курсор находится далеко от них (некоторое расстояние смещения), а затем, когда вы плаваете над ними, ссылки и кнопки не активируются.

Все это так запутанно, но я снял это видео (очень трудно его запечатлеть).
Проверьте это и посмотрите, что вы думаете. Это довольно коварно.

Смещение Курсора - FireFox работает на Ubuntu 20.04 - YouTube[^]

Что я уже пробовал:

Сделал видео, чтобы доказать, что это происходит. :Д

1 Ответов

Рейтинг:
5

raddevus

Ух ты!! Я думаю, что, возможно, понял это.
Напишите небольшой скрипт для печати местоположения курсора, находясь на этой странице.

function getMousePos(evt) {
  console.log("x : " + evt.clientX + "  y: " + evt.clientY); 
}
addEventListener("mousemove",getMousePos);


Я просто открыл консоль,а затем вставил ее, а затем начал изучать значения x, Y.
Ха, но это не было решением. Я прокрутил страницу вверх и увидел следующее сообщение об ошибке, выданное FireFox:
Консоль FireFox

[-- На этой странице используется нестандартное свойство “масштабирование”. Рассмотрите возможность использования calc() в соответствующих значениях свойств или использования “transform” вместе с “transform-origin: 0 0”. www.linkedin.com --]


Я уверен, что именно это и является причиной этого. Наконец-то! Ответ. Технология может быть такой раздражающей.

Я также подтвердил, что эта проблема действительно возникает и в Google Chrome. И это также дает ошибку в консоли:
Цитата:
На этой странице используется нестандартное свойство “масштабирование”. Рассмотрите возможность использования calc() в соответствующих значениях свойств или использования “transform” вместе с “transform-origin: 0 0”. recent-activity