zIndex 1000 - items not visible

[nbelyh-visualstrategy]

In my current application (using fluentui library), the zindex is 100000 (sidebar)
The smooth-dnd library sets it to 1000 (seems to be hardcoded), and therefore the dragged item becomes invisible.
Is it possible to change this value?

smooth-dnd/src/mediator.ts

Lines 89 to 91 in e32fcc7

	ghost.style.zIndex = '1000';
	ghost.style.boxSizing = 'border-box';
	ghost.style.position = 'fixed';

[nbelyh-visualstrategy]

Need more investigation, maybe not actually the case

[nbelyh-visualstrategy]

The issue seems to exist anyways. Would be great to be able to specify zIndex (can be required also for some other third-party libraries, not only fluentUI). Check out similar issue (bootstrap modal, material ui):
clauderic/react-sortable-hoc#87

[Mylogo]

Had the exact same issue today. My workaround was to use CSS as every draggable has the class smooth-dnd-ghost.
So in your CSS, just add:

.smooth-dnd-ghost {
  z-index: 999999 !important;
}

Doesn't feel nice, but did the trick for me.