ScrollResize - Table growing larger than div provided for it (BUG?)

sunrunner20

Example: https://jsfiddle.net/sunrunner20/91emav3y/
Reproduction: To reproduce you need to resize the iframe larger then smaller, or potentially the entire browser window.

I'm trying to fit a table in a flexbox outline where the main portion of the screen, that contains the datatable, shrinks when details options are picked on the bottom of the screen (the three pop open accordion in the demo). However, as soon as it resizes, the table grows until the entire table is displayed.

I have another fiddle here: https://jsfiddle.net/sunrunner20/5td2ovxz/ that merely never shrinks back down. I think the two are related and a bug in the scrolling code but I don't know enough JS to find it.

Or, is my inexperience making me miss something?

allan

The problem is that the .h-100 class which adds height: 100% to the tab-pane element just isn't doing 100% height.

I found I needed to use absolutely positioning in your example to make the content panel grow and shrink:

https://jsfiddle.net/91emav3y/32/

I'm not sure why the height:100% isn't working there!

Allan

sunrunner20

Thank you Very much Allan. If I can convince my superiors I'll arrange for some sort of compensation.

allan

;-)