@htmleater

Хаки для Safari?

Responsive меню, которое из текстового сворачивается в иконку с выпадающим меню с акордионом.
Если сделать так:
...

#menu { position: absolute;
top: 49px;
left: 0;
width: 320px;
height: auto;
max-height: calc (100vw - 50px);
overflow: auto;}

то прекрасно работает везде, кроме Сафари, в котором отсутствует скролл и меню разворачивается за пределы экрана.
Гугол показал, что проблема overflow в Сафари присутствует давно, не работает без position: relative; и обнаруживает себя в зависимости от других свойств в окружении.
Могу заставить правильно обрабатывать overflow, обернув меню в доп. див relative и задав ему в стилях жёсткую высоту в пикселях. Но жалко красотой жертвовать.

Подскажите, плиз, хак для 7-8-й версий Сафари.
  • Вопрос задан
  • 3485 просмотров
Пригласить эксперта
Ответы на вопрос 1
@f0rmat1k
Скорее всего нормального хака не существует. Я вообще не припоминаю для вебкит хотя бы одного хака (хитрые css3 селекторы — это не хаки). А каким образом вам поможет хак, если проблема решается всякими лишними дивами? К слову, в нашей стране доля браузеров, не поддерживающих calc сильно больше доли сафари.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы