Merge pull request #254 from alan-wu/contextual-popup-fix

Make sure contextual information does not flip up.
ABI-Software · Nov 5, 2024 · e35b138 · e35b138
2 parents 7da8cf3 + e959feb
commit e35b138
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/src/components/ContentBar.vue b/src/components/ContentBar.vue
@@ -149,10 +149,22 @@ export default {
     },
     popperOptions: function() {
       return {
-        preventOverflow: {
-          enabled: true,
-          boundary: this.boundariesElement,
-        }
+        modifiers: [
+          {
+            name: 'preventOverflow',
+            options: {
+              boundary: this.boundariesElement,
+            }
+          },
+          {
+            name: 'flip',
+            options: {
+              boundary: this.boundariesElement,
+              flipVariations: false,
+              allowedAutoPlacements: ['bottom'],
+            }
+          },
+        ]
       }
     },
     entries: function() {

diff --git a/src/components/ContentVuer.vue b/src/components/ContentVuer.vue
@@ -117,7 +117,7 @@ export default {
       this.$refs.viewer?.searchSuggestions(term, suggestions);
     },
     setPanesBoundary: function() {
-      this.$refs.contentBar?.setBoundary(this.$refs["container"][0]);
+      this.$refs.contentBar?.setBoundary(this.$refs["container"]);
     },
     speciesChanged: function (species) {
       this.activeSpecies = species;