jQuery jScrollPane проблема / конфликт с картами Google в Safari

Question

Кажется, я столкнулся со странной ошибкой / конфликтом между jScrollPane и Google Maps (v3) при просмотре в Safari.

Проблема в том, что если у меня внутри элемента прокрутки есть элемент LI, для которого установлено отображение: block, а также карта Google на странице, элемент LI не прокручивается вместе с остальным содержимым. Удаление или просто скрытие карты Google на странице устраняет проблему с прокруткой.

Я создал тестовый пример здесь. http://www.incontrolsolutions.com/scroll/stackoverflow.html

Эта страница работает корректно в FF, Chrome (гладко как масло!) И даже в IE9

Но Safari (включая ночные сборки до сегодняшнего дня) задыхается.

Любая информация о том, что может быть причиной этого, или о возможных обходных путях, будет принята с благодарностью.

Answer 1

Хороший вопрос и отличная демонстрация.Я могу копировать в Safari 5.0.5 на Snow Leopard, и это действительно странное поведение.

Я понятия не имею, что является причиной проблемы, но кажется, что вы можете обойти ее, добавив z-index: 999; кПравило CSS для #RS_MapListPanel.Если я сделаю это изменение через веб-инспектора, то страница, похоже, будет работать правильно.