Почему скролл в данном случае появляется при добавлении высоте единицы измерения vh?

Question

[Vann Damm]

Есть секция с клаассом "section" , у которой свойство height: задано 100vh. Но почему при присвоении свойству auto или 100% скролл пропадает? возможно из-за того что родитель имеет высоту меньше чем количество элементов в этой секции. Но тогда при присвоении 100vh должно работать до 1080px , а оно работает при любой высоте.. Почему так?
https://codesandbox.io/s/pedantic-swirles-cgqpi