I hope you’re all doing well, and I appreciate your attempts to help. What I’m trying to do here is practice and improve my skills, so I decided to create a simple drag-and-drop function for an existing list. I’m using the react-beautiful-dnd library as a reference. However, I’m currently facing an issue with the translucent image that the browser generates by default during the drag event. I can only hide this image, but when looking at the react-beautiful-dnd library, the full element appears without any effects. I still don’t know how to display the full element, as they do in the Beautiful Drag & Drop library. Can you help me with this?
I will include two images to illustrate what I mean. In my image, you can see that the transparency of the dragged element changes, unlike what happens in the Beautiful DnD library, as shown in the second image.
image 1 from my code
image 2 from react-beautiful-dnd
