Как избежать всплывающих окон внутри скрытого контейнера переполнения - PullRequest
0 голосов
/ 22 мая 2019

У меня есть собственный выпадающий список, который является своего рода палитрой цветов.Выпадающий контейнер имеет фиксированную высоту с настраиваемым сценарием полосы прокрутки, который использует переполнение: скрытый.Если вы наведите курсор на отдельные цвета внутри выпадающего меню, откроется небольшое всплывающее окно / всплывающая подсказка с названием цвета и изображением.Обычно я бы дал этим всплывающим окнам позицию: абсолютную и нормальную.Но это привело бы к появлению всплывающих окон, поэтому - после долгих исследований - я использую position: fixed и вычисляю его точное местоположение с помощью JavaScript.Прекрасно работает ... кроме как в Safari.Safari продолжает вырезать всплывающие окна, несмотря на то, что его положение: исправлено.

Как это исправить?

Резюме: у меня есть контейнер с фиксированным размером и переполнением: скрытый и элементы внутри него, которые должны переполнитьсяграницы контейнера.Исправлено расположение всплывающих окон, что, похоже, решает проблему, но не в Safari.

Testsite: https://kryolan.einfach -beginnen.de / shop-product-singlecolors.html (раскрывающийся список может бытьвидно справа под словом "Farbauswahl")

1 Ответ

0 голосов
/ 23 мая 2019

Хорошо, я нашел исправление.Кажется, это ошибка Safari https://bugs.webkit.org/show_bug.cgi?id=160953. Предок всплывающего окна позиционируется как абсолютный и имеет z-индекс: 0 ;.Если я установлю z-индекс этого предка, чтобы сбросить нежелательное отсечение исчезнет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...