React-dnd: El elemento fantasma se muestra de manera muy inconsistente en Chrome 50

Después de actualizar Chrome a 50, la mayoría de los elementos que se pueden arrastrar react-dnd en nuestra aplicación tienen problemas de elementos fantasmas, y no puedo precisar cuál es la causa raíz (y no tengo un enlace público al administrador de nuestra aplicación que puedo poner a disposición). El comportamiento inicial, que funcionaba bien antes, es que al arrastrar un elemento se mostraba un elemento fantasma mientras que el elemento fuente estaba oculto.

Hay 6 componentes diferentes de nuestra aplicación que se pueden arrastrar usando react-dnd. 2 de ellos muestran fantasmas muy bien, 3 de ellos no muestran ningún fantasma en absoluto, y 1 de ellos muestra de alguna manera el elemento con el ancho / alto correcto pero sin contenido y con un fondo blanco.

Aquí está la lista de pistas que he encontrado hasta ahora:

• Todos los componentes utilizan un elemento de control de arrastre con un elemento principal como vista previa
• Todos los componentes (excepto el que se vuelve blanco) están agregando un estilo de opacidad en línea
• Si elimino la opacidad condicional 0 , puedo ver los fantasmas, pero el elemento de origen siempre está visible, lo cual no es aceptable
• Aquí hay uno extraño. Para 2 de los componentes, agregarles el índice z
• Eso me llevó a pensar que podría haber alguna combinación de CSS que lleva al navegador a pensar que el componente de origen no es visible en dragstart y, por lo tanto, no crea el fantasma. Sin embargo, intenté eliminar / cambiar todo tipo de valores CSS y nada.
• Esto definitivamente estaba funcionando antes de actualizar Chrome a 50.