Hey @vishwajeetraj11, I was working on this issue but ran into another issue for which I couldn't find a solution. The issue is the react-dnd preview is not rendered correctly in Chrome because of the drawer at the bottom. The drag preview
adds a white space the size of the drawer. It works fine in Firefox.
Chrome

Firefox

If you happen to know a workaround for this, let me know

Hey @eyob-muktar , i recommend checking for margin-bottom or padding bottom for that element.

I checked the margin, and that's not the issue. Drag preview takes the maximum possible size of the div which includes the bottom drawer, but because the drawer is not open, it replaces it with a white background.

Trying adding background color transparent.

Please raise PR. I'll need to take a look.

Hey @eyob-muktar, the library is accounting for 60px of extra space because of this code (EducationCard.js line no. 23).

style={{ maxHeight: `${educationActive[id] ? '60px' : '0px'}`, transition: 'all 0.5s', overflow: 'hidden' }}

See if there is a work around.