[51836] Widget options popup scrolls up with the page (#15016)

* close context menu if it is scrolled out side of it

* first check if wrapper exists then add event listener to it

* fix eslint error

frontend/src/app/shared/components/op-context-menu/op-context-menu.service.ts

@@ -61,13 +61,22 @@ export class OPContextMenuService {
       return true;
     });
 
-    // Listen to any click and close the active context menu
     const that = this;
-    document.getElementById('wrapper')!.addEventListener('click', (evt:Event) => {
-      if (that.active && !that.portalHostElement.contains(evt.target as Element)) {
-        that.close();
-      }
-    }, true);
+    const wrapper = document.getElementById('wrapper');
+    if (wrapper) {
+      // Listen to any click and close the active context menu
+      wrapper.addEventListener('click', (evt:Event) => {
+        if (that.active && !that.portalHostElement.contains(evt.target as Element)) {
+          that.close();
+        }
+      }, true);
+      // Listen if it scrolles then close the active context menu
+      wrapper.addEventListener('scroll', (evt:Event) => {
+        if (that.active && !that.portalHostElement.contains(evt.target as Element)) {
+          that.close();
+        }
+      }, true);
+    }
   }
 
   /**