The dragged element wasn't shown when using showModal() js function

[shaharfreidenberg]

trafficstars

I tried using react-sortable-hoc in html dialog tag, but the dragged element wasn't shown when using showModal() js function on the dialog. It works without it. I tried using helperClass (z-index, position...) but it didn't work.

Thank You !

[raviteja83]

@shaharfreidenberg add !important to your z-index and it works in modal as well

[stephencweiss]

@raviteja83 is there a way to modify the react-sortable-hoc applied styling during the drag? That way we wouldn't need to use !important.

[gabriellemos]

@stephencweiss i've managed to solve this issue by adding the following css. My modal have the css class (modal-open) and the item being dragged is a img.

.modal-open > img { z-index: 1050; }

[okane0307]

@gabriellemos thanks！it works in antd.Modal