gregnb / gregnb/mui-datatables

Uncaught TypeError: Cannot read property 'offsetParent' of undefined when draggableColumns is enabled

Open
#1,359 9 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.