gregnb / gregnb/mui-datatables
Uncaught TypeError: Cannot read property 'offsetParent' of undefined when draggableColumns is enabled
- Dominant language
- JavaScript
- Stars
- 2.7k
- Forks
- 906
- PR merge metrics
- No merged PRs in 30d
Description
## Expected Behavior
Draggable columns can work properly
## Current Behavior
Get error `Uncaught TypeError: Cannot read property 'offsetParent' of undefined`
## Steps to Reproduce (for bugs)
1. Open [https://dashboard-preview.web.app/timah](https://dashboard-preview.web.app/timah), please wait until all charts and tables has been loaded.
2. Click inspect element, then open console tab.
3. Select table you want to drag its column, e.g. Tender Amount by Vendor.
4. Drag one column inside that table.
5. When that column is dragging, check the console that displays `Uncaught TypeError: Cannot read property 'offsetParent' of undefined`.
## Your Environment
| Tech | Version |
|--------------|---------|
| `@material-ui/core` | 4.10.2 |
| `mui-datatables` | 3.1.0 |
| `react` | 16.13.1 |
| browser | Google Chrome on Linux (Ubuntu 20.04) |
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with the linked dashboard-preview.web.app reproduction and follow the draggableColumns behavior in mui-datatables under React 16.13.1, @material-ui/core 4.10.2, and Chrome on Ubuntu. Drag a column in the Tender Amount by Vendor table and inspect the console; done means columns can be dragged without the offsetParent TypeError.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100