Почему при наполнении страницы скролл остается на месте?

Если внизу страницы с динамическим контентом есть элемент с position: absolute; bottom: 0, то при наполнении страницы скролл остается на месте.

Демка: https://codesandbox.io/s/react-53278
Доскрольте до центра красного блока и нажмите несколько раз add,
потом нажмите toggle absolute и еще раз add
Почему так происходит?
Как сделать поведение таким же, как и без position: absolute; bottom: 0?