It seems the element somehow considmes the scrolling/touch action and the grid does not scroll unless you hit the gap where the custom element does not reach.
A workaround is to enforce overflow: auto to the scrollable element of the grid. A sample is attached below.
div.rgDataDiv {
overflow: auto !important;
}