Почему блок не рендерится по всему своему размеру (Chrome)?

107
14 декабря 2019, 13:10

Накидал структуру и основные стили: https://fiddle.jshell.net/8f130mpx/13/show/

На примере не проявляется баг.

Моя проблема в том, что сайдбар в реальном проекте судя по инспектору объектов доходит до конца, до самого футера, но визуально не дотянут до него. При этом часто по разному, а иногда и вовсе всё норм. Может не доходить до конца и 10px, и 300px (и явно выше 100% видимой области). Спасает, если прям в инспекторе уберу flex у sidebar, то всё станет прекрасно. В реальном проекте у меня ещё есть в контенте картинка карты, на которую если нажать она заменится на реальную карту, то есть произойдёт какой-то перерендер, после которого всё отображается корректно. Хотя если просто копировать-вставить какой-либо элемент прям в DOM, то проблема остаётся.

Вот скрин слоёв. При этом, напомню, в инспекторе показывается полная высота. И если мы в emulate css media поставим screen, то всё станит ок, даже если вернём на no emulation.

Answer 1

нужно было этому сайдбару поставить min-height: 100%;. Кажется, хром иначе стал стандартизировать высоты Nested блокам во флексах

READ ALSO
Рандомное изменение стейта

Рандомное изменение стейта

Не получается выбрать рандомный элемент в thisstate

133
Слайдер, галерея на сайт с навигацией элементы состоят из текста и изображения

Слайдер, галерея на сайт с навигацией элементы состоят из текста и изображения

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

112
увеличение значения переменной

увеличение значения переменной

Учу js, подскажите что происходит в цикле while?

123
Не наследуется прототип массива js [дубликат]

Не наследуется прототип массива js [дубликат]

Изучаю прототипное наследование js и столкнулся с проблемойВот это работает:

118