Describe the bug
Using the dragClass to apply a custom backgroud color on dragging list element, but has no effect.
To Reproduce
Steps to reproduce the behavior:
- Use the react List component from MUI lib
- Add the ReactSortable component from react-sortablejs and map iterate with list items
- Add dragClass for custom color
Expected behavior
The custom color should be applied as background color to the dragged element.
Information
react-sortable = ^6.1.4
react = ^18.3.1
Additional context
Some code
return(<Listcomponent="nav"aria-labelledby="institutes"subheader={<ListSubheadercomponent="h1"id="institutes">
"selectSource"
</ListSubheader>}><ReactSortablelist={sources}setList={setSources}dragClass="dragging">{sources.map(({ id, name })=>(<ListItemButtonkey={id}sx={{cursor: "grab",}}><ListItemIcon><DragIndicatorIcon/></ListItemIcon><ListItemTextprimary={name}/></ListItemButton>)}</ReactSortable></List>);.dragging{
background-color:#21ce21;
color:#fff;
}
Describe the bug
Using the dragClass to apply a custom backgroud color on dragging list element, but has no effect.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The custom color should be applied as background color to the dragged element.
Information
react-sortable = ^6.1.4
react = ^18.3.1
Additional context
Some code