Проблемы с версткой на Mac в браузере Safari?

Question

[Андрей Белый]

Доброе утро.
Траблы с версткой на маке в сафари:


В остальных браузерах все норм:


Сетка сделана с помощью flex'ов
Пациент https://zamm.ru/catalog/stoly/ofisnye_stoly/format...
Мака нету, так бы сам покавырялся, есть у кого какие идеи? Заранее спасибо :-)

Comments

[Денис Юрьев]

Оффтоп:
Если у вас ubuntu, то ставьте epiphany-browser
Он хоть не на 100% с сафари совместим, но webkit и там, и там одной версии (+/- по минору иногда расходятся)

[Вадим]

Разберитесь с позиционированием этого блока и, скорее всего, будет вам счастье.
Стрелочками выделил ключевые моменты.

[Danny Arty]

В стилях также используйте префикс webkit

[Андрей Белый]

Денис Юрьев, увы, меня win10

[Андрей Белый]

Вадим, убрал вообще эти стили, никак не повлияло

[Андрей Белый]

Danny Arty, сделал, ничего не изменилось

[Денис Юрьев]

Андрей Белый, https://www.falkon.org/download/
falcon тоже на webkit, но напоминаю, что не полная совместимость с сафари

Answer 1

[Юрий]

Как обычно, кривой флексбокс в Сафари.
Если добавить блоку с кнопками flex-shrink: 0, всё вроде ок:

.block-extra-options {
  flex: 1 0 100%;
}

Comments

[Андрей Белый]

Спасибо вам многоуважаемый, ваш вариант сработал)

Answer 2

[Sagrana]

Если у .block-extra-options убрать flex-basis: 100%; , то в Safari всё встает на место

Comments

[Андрей Белый]

Да, пробовал, но в остальных браузера снизу слишком большой отступ