fix for issue valor-software#5893

woricek · Aug 6, 2020 · 87e7df8 · 87e7df8
1 parent 6a5df49
commit 87e7df8
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/modal/modal-container.component.ts b/src/modal/modal-container.component.ts
@@ -41,6 +41,7 @@ export class ModalContainerComponent implements OnInit, OnDestroy {
   bsModalService: BsModalService;
   private isModalHiding = false;
   private clickStartedInContent = false;
+  private clickStartedInScrollBar = false;
 
   constructor(options: ModalOptions,
               protected _element: ElementRef,
@@ -82,17 +83,19 @@ export class ModalContainerComponent implements OnInit, OnDestroy {
   @HostListener('mousedown', ['$event'])
   onClickStarted(event: MouseEvent): void {
     this.clickStartedInContent = event.target !== this._element.nativeElement;
+    this.clickStartedInScrollBar = event.clientX > this._element.nativeElement.clientWidth;
   }
 
   @HostListener('mouseup', ['$event'])
   onClickStop(event: MouseEvent): void {
-    const clickedInBackdrop = event.target === this._element.nativeElement && !this.clickStartedInContent;
+    const clickedInBackdrop = event.target === this._element.nativeElement && !this.clickStartedInContent && !this.clickStartedInScrollBar;
     if (
       this.config.ignoreBackdropClick ||
       this.config.backdrop === 'static' ||
       !clickedInBackdrop
     ) {
       this.clickStartedInContent = false;
+      this.clickStartedInScrollBar = false;
 
       return;
     }