Scroll problem

marekg

Hello,
There is a problem with vertical scrolling in latest versions of Firefox and Chrome when using DataTables with Bootstrap 5.2 and following settings:

responsive: true,
autoWidth: false,
fixedHeader: {header: true}

I also use following plugins:

bootstrap.min.css
dataTables.bootstrap5.min.css
fixedHeader.bootstrap.min.css
responsive.bootstrap.min.css
jquery-3.6.0.min.js
bootstrap.bundle.min.js
jquery.validate.min.js
jquery.dataTables.min.js
dataTables.bootstrap5.min.js
dataTables.responsive.min.js
dataTables.fixedHeader.min.js

The problem is that you can't scroll vertically when the browser's window height is resized (when the window height is bigger than when it was at page load). The scrollbar just goes up-and-down when you try to scroll to the bottom of the page, it just bounce from the bottom, both when using scroll wheel in mouse and when you try to scroll manually.
You can see this behavior here:
https://youtu.be/u0_N_GRL--M
The scrolling works properly when you resize the browser's window (when window height gets smaller).
Any way to fix this?

Best regards.

colin

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin