#3673·react-dnd

Drag-and-drop preview doesn't preserve background color of dragged element on Safari

Author: casperbrikeCreated Sep 25, 2025Updated Sep 25, 2025

Reproduction See example in Codesanbox

https://n9dh8k.csb.app

Steps to reproduce the behavior:

  1. Open https://n9dh8k.csb.app on Safari
  2. Hover over a row on the page
  3. Row gets light blue background color
  4. Drag the row

Expected behavior Drag preview has light blue background color

Actual behavior Drag preview does not have background color

Demo Correct behavior on Chrome:

https://github.com/user-attachments/assets/0be31d37-f88b-45bc-9fc1-5c9fe3128974

Incorrect behavior on Safari:

https://github.com/user-attachments/assets/3eea8756-901e-4d6a-941e-4eb194d19374

Env

  • OS: MacOS 15.6
  • Browser: Safari 18.6
  • react-dnd version: 16.0.1