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
Steps to reproduce the behavior:
- Open https://n9dh8k.csb.app on Safari
- Hover over a row on the page
- Row gets light blue background color
- 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
Source: react-dnd/react-dnd