Issue with vertical scrolling of fixed size table in Modal

Tags: #<Tag:0x00007efc6ad8b270>

Hi, I have a Handsontable in a modal dialog (Angular 6 + Angular Material) and cannot get the HOT to scroll as data is added.

No matter how rows are added, either programatically or by user interaction, the vertical scroller doesn’t appear, however mousing over the grid and scrolling, the data scrolls. We just don’t see the scroller

I can’t post a working example as its blocked on my network, but here are the salient snippets

css for scrollable container (taken from another example on these forums relating to scrolling)

.hot-scroll-container {    
    overflow: auto;    
}
.hot-scroll-container .hot {
    margin: 0;
}


<div class="row no-gutters">
                <div class="col-6" style="height: 300px">
                    <div class="hot-scroll-container w-100" style="height: 300px;">
                            <hot-table #gridElement
                                       [rowHeaders]="true"
                                       [colHeaders]="true"
                                       [contextMenu]="true"
                                       [columnSorting]="true"
                                       [manualColumnResize]="false"
                                       [manualRowResize]="false"
                                       [data]="data"
                                       [columns]="columns"
                                       [renderAllRows]="true"
                                       [allowEmpty]="true"
                                       [width]="575"
                                       [afterInit]="onAfterInit"
                                       [beforePaste]="beforePaste"
                                       [afterSelectionEnd]="afterSelectionEnd"
                                       [afterCreateRow]="afterCreateRow">
                            </hot-table>                        
                    </div>
                </div>

Never mind, as soon as I posted it I saw the issue.
The fixed width is causing the scroller to spill out of the view.

That’s a quick update. I’m happy that you’ve found the issue.
I’m closing the topic.