React-dnd: Elemento fantasma sendo exibido de maneira muito inconsistente no Chrome 50

Depois de atualizar o Chrome para 50, a maioria dos elementos draggable react-dnd em nosso aplicativo está tendo problemas de elemento fantasma e não consigo descobrir qual é a causa raiz (e não tenho um link público para o administrador de nosso aplicativo que posso disponibilizar). O comportamento inicial, que funcionava bem antes, é que arrastar um elemento mostrava um elemento fantasma enquanto o elemento fonte estava oculto.

Existem 6 componentes diferentes em nosso aplicativo que podem ser arrastados usando o react-dnd. 2 deles estão exibindo fantasmas perfeitamente, 3 deles não estão mostrando nenhum fantasma e 1 deles está de alguma forma mostrando o elemento na largura / altura correta, mas sem nenhum conteúdo e um fundo branco.

Aqui está a lista de pistas que encontrei até agora:

• Todos os componentes estão usando um elemento de alça de arrasto com um elemento pai como a visualização
• Todos os componentes (exceto o que fica branco) estão adicionando um estilo de opacidade em linha
• Se eu remover a opacidade condicional 0 , posso ver os fantasmas, mas o elemento de origem está sempre visível, o que não é aceitável
• Aqui está um estranho. Para 2 dos componentes, adicionar z- index: 1 a eles corrige totalmente. Posso ver o fantasma e o componente de origem está oculto. Para os outros 2 componentes quebrados, isso não corrigiu o problema. E não existia anteriormente nenhuma regra de índice z ou qualquer problema de empilhamento nesses componentes.
• Isso me levou à conclusão de que pode haver alguma combinação CSS, levando o navegador a pensar que o componente de origem não é visível no início do arrasto e, portanto, não cria o fantasma. Tentei remover / alterar todos os tipos de valores CSS e nada.
• Isso definitivamente estava funcionando antes de atualizar o Chrome para 50.