Fix Help Menu (#10257)

* Fix Help Menu

* PR Feedback

* linting

packages/bbui/src/Actions/position_dropdown.js

@@ -10,7 +10,14 @@ export default function positionDropdown(element, opts) {
 
   // Updates the position of the dropdown
   const updatePosition = opts => {
-    const { anchor, align, maxWidth, useAnchorWidth, offset = 5 } = opts
+    const {
+      anchor,
+      align,
+      maxHeight,
+      maxWidth,
+      useAnchorWidth,
+      offset = 5,
+    } = opts
     if (!anchor) {
       return
     }
@@ -31,10 +38,11 @@ export default function positionDropdown(element, opts) {
       styles.top = anchorBounds.top
     } else if (window.innerHeight - anchorBounds.bottom < 100) {
       styles.top = anchorBounds.top - elementBounds.height - offset
-      styles.maxHeight = 240
+      styles.maxHeight = maxHeight || 240
     } else {
       styles.top = anchorBounds.bottom + offset
-      styles.maxHeight = window.innerHeight - anchorBounds.bottom - 20
+      styles.maxHeight =
+        maxHeight || window.innerHeight - anchorBounds.bottom - 20
     }
 
     // Determine horizontal styles

packages/bbui/src/Popover/Popover.svelte

@@ -14,6 +14,7 @@
   export let align = "right"
   export let portalTarget
   export let maxWidth
+  export let maxHeight
   export let open = false
   export let useAnchorWidth = false
   export let dismissible = true
@@ -64,6 +65,7 @@
       use:positionDropdown={{
         anchor,
         align,
+        maxHeight,
         maxWidth,
         useAnchorWidth,
         offset,

packages/builder/src/components/common/HelpMenu.svelte

@@ -13,12 +13,7 @@
 
 <div bind:this={popoverAnchor} class="help">
   <button class="openMenu" on:click={show}>Help</button>
-  <Popover
-    class="helpMenuPopoverOverride"
-    bind:show
-    bind:hide
-    anchor={popoverAnchor}
-  >
+  <Popover maxHeight={1000} bind:show bind:hide anchor={popoverAnchor}>
     <nav class="helpMenu">
       <div class="header">
         <Heading size="XS">Help resources</Heading>