React-dnd: Элемент Ghost отображается очень непоследовательно в Chrome 50

После обновления Chrome до 50 у большинства перетаскиваемых элементов react-dnd в нашем приложении возникают проблемы с призрачными элементами, и я не могу определить, в чем заключается основная причина (и у меня нет общедоступной ссылки на администратора нашего приложения. что я могу сделать доступным). Первоначальное поведение, которое раньше работало нормально, заключается в том, что при перетаскивании элемента появлялся призрачный элемент, в то время как исходный элемент был скрыт.

В нашем приложении есть 6 различных компонентов, которые можно перетаскивать с помощью response-dnd. 2 из них отлично отображают призраков, 3 из них вообще не показывают призраков, а 1 каким-то образом показывает элемент с правильной шириной / высотой, но без содержимого и на белом фоне.

Вот список подсказок, которые я нашел на данный момент:

• Все компоненты используют элемент ручки перетаскивания с родительским элементом в качестве предварительного просмотра.
• Все компоненты (кроме белого) добавляют к элементу предварительного просмотра встроенный стиль opacity: 0, если monitor.isDragging () имеет значение true
• Если я удалю логику условной непрозрачности: 0 , я могу видеть призраков, но исходный элемент всегда виден, что неприемлемо
• Вот такой странный. Для двух компонентов добавление z- index: 1 полностью устраняет проблему. Я вижу призрак, а исходный компонент скрыт. Для двух других сломанных компонентов это не помогло. И ранее для этих компонентов не было правила z-index или каких-либо проблем с наложением.
• Это привело меня к мысли, что может быть какая-то комбинация CSS, заставляющая браузер думать, что исходный компонент не отображается при перетаскивании, и, следовательно, не создает призрак. Я пробовал удалить / изменить все виды значений CSS, но ничего.
• Это определенно работало до обновления Chrome до 50.