Handsontable - The horizontal scroll bar disappears
I have created four instances of Handsontable evenly spaced across four windows using the split.js library.
Then I enabled scrollbars in each window by setting the container overflow to auto.
#equipment {
overflow: auto;
}
This successfully displays the scrollbars in a vertical position for all GUI manipulation.
However, horizontal scrollbars are slightly more buggy. In particular, horizontal scroll bars are nowhere to be seen when windows are initially loaded. But when you drag the gutters of split.js, the scrollbar magically reappears! But then when clicking on consoles in containers, the horizontal scrollbar is accelerated again (based on pivot). See image below.
I have also created a script that shows this problem.
https://jsfiddle.net/JoshAdams/4p8jLcnk/
So my question is, how do I make the horizontal scrollbar always show under all the circumstances above?
source to share
overflow:auto
was on an element with a height greater than its parent. The parent had overflow:hidden
, so the horizontal scrolling on the child was hidden from the view. I wasn't sure if you wanted to use the scrollbars in the panel, so I added them in CSS, but commented that out. Here is the updated violin.
source to share