выбор цвета не работает, когда страница прокручивается

Question

Я нахожусь в полной утрате здесь. Я использую Farbastic color picker, и он отлично работает на всех элементах, кроме одного. Я разделил страницу до той, которая не работает. Он отлично работает во всех браузерах ЗА ИСКЛЮЧЕНИЕМ для firefox! Когда вы нажимаете на страницу, появляется диалоговое окно и вы выбираете «Изменить цвет фона». Затем открывается панель выбора цвета. Если вы прокручиваетесь до самого верха страницы, он отлично работает. Если вы прокрутите вниз всего на пару сантиметров (при выборе цвета), селекторы цветов перестанут работать. Ползунки и входные данные, в которые вы можете ввести значение, будут работать всегда, но цветовое колесо не по какой-то причине.

Я прошел через каждый элемент, считая, что это проблема с z-индексом, но ничего не нашел.

Адрес для тестовой страницы: https://www.annearundelproperties.net/listing_flyers/create_flyer_test.php. Я бы опубликовал код, но вы можете просто просмотреть источник по ссылке, чтобы получить лучшую идею.

Любая помощь или идеи были бы высоко оценены!

Answer 1

Проблема заключается в том, что в позиции firefox между двунаправленной позицией и позицией просмотра есть двусмысленность - она ​​использует позицию документа, когда она должна использовать область просмотра, поэтому зона прокрутки перемещается при прокрутке. Если вы прокрутите всего 50 пикселей, вы все равно можете попасть в него не по центру.

Быстрый google turned up a fix - сообщите мне, если он сработает для вас.