Блог

Я борюсь с приложением, использующим пользовательские элементы, которое просто не работает должным образом в Safari. Вот снимок экрана с тем, что показывает Safari, и что он должен показывать в Chrome. Это было сделано на Macbook Air, хотя изначально я обнаружил проблему на iPad.

Однако этот снимок экрана показывает, что веб-инспектор считает, что там есть элемент, цвет переднего плана которого белый и непрозрачный (я установил это намеренно), хотя ничего не отображается.

Итак, почему Safari не отображает элементы?

Для всех, кто интересуется тем же самым. Я думаю, что нашел ответ!

Один из окружающих элементов имеет некоторый CSS с overflow-y: auto , но без определенной высоты. Я полагаю, что происходит то, что safari уменьшил этот элемент до высоты 0, но инспектор все еще показывает, где был бы элемент, если бы он не был скрыт полосой прокрутки нулевой длины, прокрученной так, чтобы элемент находился ниже области обрезания прокручиваемого элемента.

Я еще не понял, почему это работает в Chrome, я предполагаю, что немного отличается обработка переполнения.