dragPreview on a <tr>

[Taylor Everding]

Using dragPreview on a <tr> does not create a drag image in chrome. This is because of a bug in chromium. Should react-dnd-html5-backend work around this "quirk"?

Example: In this example the + sign is the dragSource, while the whole row is the dragPreview. Notice that there is no drag image when you try to drag it.

http://jsbin.com/kidoyu/2/edit?js,output

[dan]

Thanks for reporting!

Should react-dnd-html5-backend work around this "quirk"?

I’m afraid this isn’t something that would be easy to work around.
Can’t fix all the quirks 😅

The closest alternative I can offer you is

  render() {
    return (
      <tr>
        <td>{this.props.dragSource(<span>+</span>)}</td>
        <td>{this.props.dragPreview(<span>{this.props.data.value}</span>)}</td>
      </tr>
    );
  }