fix(permission-info): close permission info on scrolling (DEV-552) (#671

)
dasch-swiss · Feb 22, 2022 · 8ac1d25 · 8ac1d25
1 parent 485a57e
commit 8ac1d25
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/app/workspace/resource/permission-info/permission-info.component.html b/src/app/workspace/resource/permission-info/permission-info.component.html
@@ -16,6 +16,7 @@
     [cdkConnectedOverlayPositions]="infoBoxPositions"
     [cdkConnectedOverlayOrigin]="infoButton"
     [cdkConnectedOverlayOpen]="isOpen"
+    (detach)="isOpen = false"
     (backdropClick)="isOpen = false">
     <div class="overlay-info-box">
         <table>

diff --git a/src/app/workspace/resource/permission-info/permission-info.component.ts b/src/app/workspace/resource/permission-info/permission-info.component.ts
@@ -98,7 +98,8 @@ export class PermissionInfoComponent implements OnInit {
     constructor(
         private _sso: ScrollStrategyOptions
     ) {
-        this.scrollStrategy = this._sso.noop();
+        // close the info box on scrolling
+        this.scrollStrategy = this._sso.close();
     }
 
     ngOnInit(): void {
@@ -158,7 +159,7 @@ export class PermissionInfoComponent implements OnInit {
      */
     toggleMenu() {
         this.isOpen = !this.isOpen;
-        // console.log(this.infoButton)
+
         const pos: ConnectionPositionPair = new ConnectionPositionPair(
             this._originPos,
             this._overlayPos,

diff --git a/src/app/workspace/results/results.component.html b/src/app/workspace/results/results.component.html
@@ -7,7 +7,7 @@
             (selectedResources)="openSelectedResources($event)">
             </app-list-view>
         </as-split-area>
-        <as-split-area [size]="60" *ngIf="selectedResources?.count > 0">
+        <as-split-area [size]="60" *ngIf="selectedResources?.count > 0" cdkScrollable>
             <div [ngSwitch]="viewMode">
                 <!-- single resource view -->
                 <app-resource *ngSwitchCase="'single'" [resourceIri]="selectedResources.resInfo[0].id"></app-resource>