misc

js/browser.js

@@ -98,7 +98,7 @@ class Browser {
         this.columnContainer = DOMUtils.div({class: 'igv-column-container'})
         this.root.appendChild(this.columnContainer)
 
-        this.menuPopup = new MenuPopup(this.columnContainer)
+        this.menuPopup = new MenuPopup(this.columnContainer, { minX:0, minY:0 })
 
         this.menuUtils = new MenuUtils(this)
 

js/trackView.js

@@ -667,7 +667,7 @@ class TrackView {
             this.gearContainer.appendChild(this.gear)
             this.gear.appendChild(Icon.createIcon('cog'))
 
-            this.trackGearPopup = new MenuPopup(this.gear)
+            this.trackGearPopup = new MenuPopup(this.gear, undefined)
 
             this.boundTrackGearClickHandler = trackGearClickHandler.bind(this)
             this.gear.addEventListener('click', this.boundTrackGearClickHandler)

js/ui/menuPopup.js

@@ -6,7 +6,7 @@ import $ from "../vendor/jquery-3.3.1.slim.js"
 import {getMultiSelectedTrackViews, isMultiSelectedTrackView} from "./menuUtils.js"
 
 class MenuPopup {
-    constructor(parent) {
+    constructor(parent, constraint) {
         this.popover = DOMUtils.div({class: 'igv-menu-popup'})
 
         parent.appendChild(this.popover)
@@ -19,7 +19,7 @@ class MenuPopup {
         this.popoverContent = DOMUtils.div()
         this.popover.appendChild(this.popoverContent)
 
-        makeDraggable(this.popover, header)
+        makeDraggable(this.popover, header, constraint)
 
         // absorb click to prevent it leaking through to parent DOM element
         header.addEventListener('click', e => {