Cannot drag the windows if user click on outside the drag the window

[congdongdientu.]

I'm using the code as below to show the window popup

public showValuationReport(dataItem) {
    document.body.style.overflow = "hidden";
    this.bgOverlayOpened = true;
    const windowRef = this.windowService.open({
      title: 'Valuation Report',
      content: PaperworkViewerComponent
    });
    const window: PaperworkViewerComponent = windowRef.content.instance;
    const reportOptions = {
      reportType: '',
      reportName: 'VehicleInfoSheet',
      stockId: dataItem.stockId,
      branchId: dataItem.branchId,
    }
    window.reportOptions = reportOptions;
    windowRef.result.subscribe(result => {
        if (result instanceof WindowCloseResult) {
          this.bgOverlayOpened = false;
          document.body.style.overflow = "";
        } else { }
    })
  }

 

I was disable the scrolling after open the window

But still got that bug if user tick outside the window the back to drag them

Và vấn đề là

[Svet]

Hi Và vấn đề là,

Thank you for the provided sample code. We can see that you are using the WindowService to instantiate a Kendo Window as demonstrated in the following article:

https://www.telerik.com/kendo-angular-ui/components/dialogs/window/service/#toc-getting-started

However, we are currently unaware of such issue for the Window as the reported one. Could we ask you to provide us some more details about the use-case scenario so that we can reproduce the issue. It would be best if you could provide us a StackBlitz example or a sample runnable project demonstrating the reported error. That will help us to better understand the overtaken approach and inspect the used code and will allow us to provide some further more specific feedback on this case. Thank you in advance.

What else we can also suggest is to check if there are any JavaScript errors in the browser console that may be causing the issue.

Regards,
Svetlin
Progress Telerik