Possible places into which the preview of a drag item can be inserted.
-
global- Preview will be inserted at the bottom of the<body>. The advantage is that you don't have to worry aboutoverflow: hiddenorz-index, but the item won't retain its inherited styles. -
parent- Preview will be inserted into the parent of the drag item. The advantage is that inherited styles will be preserved, but it may be clipped byoverflow: hiddenor not be visible due toz-index. Furthermore, the preview is going to have an effect over selectors like:nth-childand some flexbox configurations. -
ElementRef<HTMLElement> | HTMLElement- Preview will be inserted into a specific element. Same advantages and disadvantages asparent.
API
type PreviewContainer = 'global' | 'parent' | ElementRef<HTMLElement> | HTMLElement