jspreadsheet / jspreadsheet/ce
Dropdown - unable to select option when click event suddenly gives a vscrollbar based on container div
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 7.2k
- Forks
- 890
- PR merge metrics
- No merged PRs in 30d
Description
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
visible on browser window)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in jExcel v4 with a spreadsheet inside a Bootstrap box-body DIV, scrolling until the container's bottom edge enters the browser viewport. Inspect the dropdown's positioning and overflow behavior at that point. Done means dropdown options remain selectable without an unexpected scrollbar or disappearing when clicked.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100

