search

jspreadsheet / ce

Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software.
https://bossanova.uk/jspreadsheet/v4
MIT License
6.7k stars 820 forks source link

Dropdown - unable to select option when click event suddenly gives a vscrollbar based on container div #1138

Open sudiptag opened 4 years ago

sudiptag commented 4 years ago

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

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 jExcel_Dropdown_CLick_AutoAscrollbar jExcel_Dropdown_CLick_AutoAscrollbar

visible on browser window)

sudiptag commented 4 years ago

Additional Comment: Issue observed on both Chrome (v 83.0.4103.61) and IE 11.1992

skylarmt commented 3 years ago

This also happens on Firefox 87.