Chrome crashes when dragging a react-dnd enabled div containing a material-ui table

[theirishpenguin]

Description

When I try to drag a react-dnd enabled div containing a material-ui table in Chrome, then my browser crashes. Sometimes I even get booted out of my Linux desktop as a result (at a guess this is some "infinite loop"-like situation causing chrome to runaway and starve the system of resources).

It does not happen in firefox, which makes me thing it is the webkit issue described at react-dnd/react-dnd-html5-backend#18 (comment)

However, I have tried the suggested workaround and removed in that ticket but I still get the issue. If I delete the element and leave the table body and footer in place I do not the issue.

I will try and refine this test case tomorrow, with a basic react-dnd/material-ui example.

Versions

• Material-UI: 0.16.6
• React: 15.4.1
• Browser: Version 52.0.2743.116 (64-bit)

[theirishpenguin]

Test case created and moved to react-dnd/react-dnd-html5-backend#57

Closing this issue here.

[theirishpenguin]

Just in case anyone is reading this in future - it is the tooltips in material-ui that are causing the problem.

If you can, then just remove the table header tooltips to avoid this bug.

More detail at react-dnd/react-dnd-html5-backend#57