Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
I'm using jExcel v4 and placed jExcel spreadsheet inside a DIV. Spreadsheet contains dropdown column.
My site is themed using a bootstrap template and hence the DIV is styled as bootstrap "box" having class = "box-body".
Observation is as long as DIV's bottom edge is not visible on browser everything is working fine, i.e. clicking the dropdown shows me it's options nicely.
But the problem starts the moment I scroll down (using browser scrollbar) and bottom edge of DIV box comes into view.
Then double clicking the same cell dropdown suddenly creates a vertical scrollbar(overflow) and then I had to scroll it down to get to option, but on click on that "strange" scrollbar my options disappears ... so it becomes hard to select an option.
Please see attached screenshot what I meant. In this image I've shown all 3 states
dropdown not clicked
dropdown clicked and working fine (Container DIV bottom edge not visible on browser window)
dropdown clicked with strange scrollbar (Container DIV bottom edge is
Hi Paul,
I'm using jExcel v4 and placed jExcel spreadsheet inside a DIV. Spreadsheet contains dropdown column. My site is themed using a bootstrap template and hence the DIV is styled as bootstrap "box" having class = "box-body".
Observation is as long as DIV's bottom edge is not visible on browser everything is working fine, i.e. clicking the dropdown shows me it's options nicely.
But the problem starts the moment I scroll down (using browser scrollbar) and bottom edge of DIV box comes into view. Then double clicking the same cell dropdown suddenly creates a vertical scrollbar(overflow) and then I had to scroll it down to get to option, but on click on that "strange" scrollbar my options disappears ... so it becomes hard to select an option.
Please see attached screenshot what I meant. In this image I've shown all 3 states
visible on browser window)