Вот такой баг был обнаружен мной на webkit и blink. На firefox gecko все в порядке.
При работе с неявной шириной в сетке грид контейнер определяет неверную высоту, неправильно подстраивается под содержимое, которое имеет высоты в процентах, в моем случае padding.
Причем это относится не только к непосредственным потомкам, но и к содержимому глубокой вложенности. Например, создаем грид сетку, где элементы размещаются методом minmax (заданы неявной ширины). В ней блок, в ней блок, в ней блок … и т.д. и где-то внутри всех этих блоков содаем padding-top: 50px; Вот этот паддинг сломает высоту самого верхнего грида (ну и всех остальных если они есть).
Кстати такой же баг был обнаружен при простейшей разметке страницы методом grid-template-rows: 20px 1fr 20px (header, main, footer). Main 1fr, имел в себе глубоко вложенный padding-top 200%, который ломал высоту main и наезжал на footer, перекрывая его.
Отсюда делаю вывод применения гридов ну совершенно бесполезным. Уже давно все дизайны адаптивные и использование процентов, а так же разнообразных фишек, связанных с адаптацией контента под размер экрана является стандартом нормальной верстки.
Хотелось бы услышать комменты старожил верстки.