Bug: fExternalItem drag-and-drop functionality does not show element placeholder in fullscreen mode

[VlPan]

Description

I am using fExternalItem drag-and-drop functionality from example: https://flow.foblex.com/examples/f-visual-programming-flow
But I opened vp-flow component in full screen mode:

after it I am not longer see the placeholder of element while dragging it, but dropping still works fine

Steps to Reproduce

go to example page: https://flow.foblex.com/examples/f-visual-programming-flow
display vp-flow in fullscreen mode
try dragging fExternalItem
notice that placeholder of dragging element is not visible

Expected Result

Placeholder is visible as for non-fullscreen mode

Actual Result

No placeholder visible

Environment Details

Browser: Chrome
Version: "@foblex/flow": "^16.0.5"

Screenshots or Videos

No response

Additional Context

I assume the problem is in this line:

The placeholder is attached to body, whereas fullscreen mode is activated on document.fullscreenElement

[siarheihuzarevich]

Hi, thank you. please use last version of library

[VlPan]

I updated to latest version "@foblex/flow": "^17.4.1"
But the issue still occur

[siarheihuzarevich]

@VlPan Could you explain what it means to display vp-flow in fullscreen mode?

[VlPan]

Yes, sorry for bad description.
JS Full screen API: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
I have a button inside mat-tab which should open vp-flow in full screen

When I click on it it will run method requestFullScreen on vp-flow native element
And then It opens full screen

but in fullscreen mode I can't see a placeholder while dragging external element, like I see it in non-full screen

[shreyshahh]

@VlPan, I faced the same problem and fixed it by setting the z-index on the external item.

[VlPan]

@shreyshahh Unfortunately, z-index did not help me :(