icflorescu / icflorescu/mantine-datatable
Setting `maxHeight` fails to trigger scroll area on chromium-based browsers
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.3k
- Forks
- 102
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Setting maxHeight fails to trigger scroll area on chromium-based browsers. This is not a problem when using e.g. Firefox.
To Reproduce
Steps to reproduce the behavior:
- Go to https://demo.lxcat.net/cs-set using a chromium-based browser.
- Click on the
carbonelement tile. - Try to scroll the results in the results table at the bottom of the page.
- In chromium-based browsers the scrollbar does not show up, and the user is unable to scroll through the rows of the table.
Expected behavior
I expect the user to be able to scroll through the table rows once the height of the table interior extends the given maxHeight.
Desktop (please complete the following information):
- OS: NixOS (brave) / Windows (edge)
- Browser: Chromium-based browsers
- Version: Mantine DataTable 8.1.2
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
Start by reproducing the issue at https://demo.lxcat.net/cs-set with the carbon element in a Chromium-based browser, then compare the results table behavior with Firefox. Trace how maxHeight is applied to the table interior and verify that overflowing rows become scrollable in Chromium without breaking Firefox behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100