Hello,
Many thanks for such a wonderful solution. I am however facing a problem. We are having a full screen use case in our application and have a groupable table. When I drag table headers to top the draggable element is visible when screen is not full screen but not visible while in full screen.
I checked one more thread mentioning about, Where popup element is appended to a div rather than to body.
providers: [{
provide: POPUP_CONTAINER,
useFactory: () => {
//return the container ElementRef, where the popup will be injected
return { nativeElement: document.querySelector('.fullscreenDiv') } as ElementRef;
}
}]
But This solution is applicable to popup element. In my case Drag element is getting appended to body tag and hence being invisible. If somehow I can append it to internal div then it will work.