Skip to content

[bug] dragClass having no effect. #298

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mhabsaoui opened this issue Apr 23, 2025 · 0 comments
Open

[bug] dragClass having no effect. #298

mhabsaoui opened this issue Apr 23, 2025 · 0 comments

Comments

@mhabsaoui
Copy link

mhabsaoui commented Apr 23, 2025

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:

  1. Use the react List component from MUI lib
  2. Add the ReactSortable component from react-sortablejs and map iterate with list items
  3. 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 (
    <List
      component="nav"
      aria-labelledby="institutes"
      subheader={
        <ListSubheader component="h1" id="institutes">
         "selectSource"
        </ListSubheader>
      }>
      <ReactSortable list={sources} setList={setSources} dragClass="dragging">
        {sources.map(({ id, name }) => (
            <ListItemButton
              key={id}
              sx={{
                cursor: "grab",
              }}>
              <ListItemIcon>
                <DragIndicatorIcon />
              </ListItemIcon>
              <ListItemText primary={name} />
            </ListItemButton>
          )}
      </ReactSortable>
    </List>
  );
.dragging{
  background-color: #21ce21;
  color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant