Animation offset incorrect when using non-sortable elements between sortable elements

I have a list of sortable elements between non-sortable elements.

When moving the sortable elements they do not get animated correctly during the sort. They get positioned as if there was no non-sortable elements in-between them (as if they were right next to each other). After the sort is completed the positions are correct.

In my case the non-sortable elements are text headers.

Please see this codepen example:
https://codepen.io/wiredin/pen/wdQeyZ

I believe SortableContainer needs to take into account the actual distance between the elements, not only the height of the element.