search

marcj / css-element-queries

CSS Element-Queries aka Container Queries. High-speed element dimension/media queries in valid css.
http://marcj.github.io/css-element-queries/
MIT License
4.27k stars 487 forks source link

Resize sensor element interfering with HTML Drag and Drop #297

Open A-Lim opened 3 years ago

A-Lim commented 3 years ago

I'm currently using the resize sensor together with HTML Drag and Drop. The resize sensor seems to be interfering with the html drag and drop preview during onDrag. As you can see from the image below, the preview is supposed to be only what is highlighted in the red box, but due to the extra elements added by the resize sensor, the preview expands to more than it is supposed to.

Capture

I believe this is the css that is causing the problem.

Capture

Is there a fix or a workaround for this? Thank you.

marcj commented 3 years ago

Can you please post a gif/mp4? Your screenshots are not clear to me.

A-Lim commented 3 years ago

Hi, my screen recorder wasn't able to capture the drag preview so i created a stackblitz instead. You can stimulate the problem by trying to drag the card element.

A-Lim commented 3 years ago

Hi @marcj , any updates on this? Will there be a fix or something? Thank you.