Кнопка переключения боковой панели не отображается в сафари

Question

Я работаю над сайтом, основанным на Bootstrap 4, со сворачивающейся боковой панелью.

Кнопка переключения видна в Chrome и Firefox на окнах и Macos просто отлично. Но это не видно в сафари на macos.

Я испробовал множество решений, например, поиграть с опциями, например:

-webkit-transform: translateZ(0px); или transform-style: preserve-3d;

без удачи.

Я не хочу помещать здесь слишком много кода, поэтому я сделал кодовую ручку, где вы можете увидеть фактическое поведение: https://codepen.io/pen/JqRLKx

Есть идеи, как мне это решить?

Answer 1

Хорошо, я думаю, что мог бы сузить вашу проблему. Я могу воспроизвести то, что у тебя было в Safari.

После большого удаления и просмотра, какая строка вызывает проблему, я обнаружил, что overflow-y: auto вызывает проблемы.

#sidebar-wrapper {
position: fixed;
left: 21rem;
width: 0;
height: 100%;
margin-left: -21rem;
overflow-y: auto;
background: #fafa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

}

Теперь при удалении этой строки будут отображаться выпадающие элементы. Я не уверен, как вы можете решить эту проблему. Я обновлю свой ответ, если найду решение Дайте ему шанс.

EDIT

попробуйте это Меню переключения слайдов JQuery