react-dnd / react-dnd

Drag and Drop for React

Home Page:http://react-dnd.github.io/react-dnd

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

How to fix the 300px windows native browsers bug?

yelnyafacee opened this issue · comments

Describe the bug
Any draggable elements exceed width or height of 300px, the ghost image will bugged out and have radial gradient applied to it

Reproduction
Change any draggable elements height or width to over 300px and the ghost image will no longer show correctly and with transparency gradient applied

Live Reproduction

Steps to reproduce the behavior:

  1. Change draggable element width or height to over 300px
  2. Click on draggable element to DRAG
  3. element ghost image will be BROKEN with transparency gradient applied

Expected behavior
NO TRANSPARENCY GRADIENT when draggable element width/height EXCEEDS 300px

Screenshots
When draggable element width/height BELOW 300px ( WORKS FINE )
https://prnt.sc/BUvcQp0tIgQK

When draggable element width/height EXCEEDS 300px ( TRANSPARENCY RADIAL GRADIENT BUG APPEARS )
https://prnt.sc/qMMlLrNVGfNd

Desktop (please complete the following information):

  • OS: WINDOWS 11
  • Browser EDGE, GOOGLE CHROME, FIREFOX, OPERA
  • Version ^16.0.1

Additional context
Add any other context about the problem here.