React-dnd: Chrome50で非常に一貫性のない表示のゴースト要素

Chromeを50に更新した後、アプリ内のほとんどのreact-dndドラッグ可能要素にゴースト要素の問題が発生しており、根本的な原因を特定できません（アプリの管理者へのパブリックリンクがありません）私が利用できるようにすることができます）。 以前は正常に機能していた初期の動作では、要素をドラッグすると、ソース要素が非表示になっているときにゴースト要素が表示されました。

私たちのアプリには、react-dndを使用してドラッグできる6つの異なるコンポーネントがあります。 2つはゴーストをうまく表示しており、3つはゴーストをまったく表示しておらず、1つは要素を正しい幅/高さで表示していますが、コンテンツはなく、背景は白です。

これが私がこれまでに見つけた手がかりのリストです：

• すべてのコンポーネントは、プレビューとして親要素を持つドラッグハンドル要素を使用しています
• monitor.isDragging（）がtrueの場合、すべてのコンポーネント（白くなるコンポーネントを除く）は、プレビュー要素にインラインopacity：0スタイルを追加しています。
• 条件付き不透明度：0ロジックを削除すると、ゴーストは表示されますが、ソース要素が見えなくなります。これは受け入れられません。
• これは奇妙なものです。 2つのコンポーネントについて、z- index：1を追加すると、完全に修正されます。 ゴーストが見え、ソースコンポーネントが非表示になっています。 他の2つの壊れたコンポーネントについては、これで問題が解決しませんでした。 また、以前は、これらのコンポーネントにz-indexルールやスタックの問題はありませんでした。
• そのため、CSSの組み合わせがあると、ブラウザはドラッグスタート時にソースコンポーネントが表示されないため、ゴーストが作成されないと考えるようになりました。 私はすべての種類のCSS値を削除/変更しようとしましたが、何もしませんでした。
• Chromeを50に更新する前は、これは間違いなく機能していました。