@superleapai/flow-ui 2.4.5 → 2.4.6

package/components/popover.js

@@ -79,11 +79,7 @@
     const body = document.createElement("div");
     body.className =
       bodyClassName ||
-      "text-reg-14 text-typography-secondary-text leading-5 [&_p]:mb-2 [&_p:last-child]:mb-0 max-h-[90vh] overflow-y-auto overflow-x-hidden min-h-0";
-    body.style.maxHeight = "90vh";
-    body.style.overflowY = "auto";
-    body.style.overflowX = "hidden";
-    body.style.minHeight = "0";
+      "text-reg-14 text-typography-secondary-text leading-5 [&_p]:mb-2 [&_p:last-child]:mb-0";
     if (panelClassName) {
       panel.className = panel.className + " " + panelClassName;
     }
@@ -98,6 +94,7 @@
     document.body.appendChild(wrapper);
 
     var backdropEl = null;
+    var resizeObserver = null;
 
     function onBackdropWheel(e) {
       e.preventDefault();
@@ -107,7 +104,7 @@
       if (!modal) return;
       if (!backdropEl) {
         backdropEl = document.createElement("div");
-        backdropEl.className = "fixed inset-0 z-40 bg-transparent pointer-events-auto";
+        backdropEl.className = "fixed inset-0 z-[9998] bg-transparent pointer-events-auto";
         backdropEl.setAttribute("aria-hidden", "true");
         backdropEl.addEventListener("click", function () {
           hide();
@@ -115,7 +112,7 @@
         backdropEl.addEventListener("wheel", onBackdropWheel, { passive: false });
       }
       document.body.appendChild(backdropEl);
-      wrapper.style.zIndex = "";
+      wrapper.style.zIndex = "999";
     }
 
     function applyModalClose() {
@@ -193,6 +190,10 @@
       wrapper.setAttribute("aria-hidden", "true");
       window.removeEventListener("scroll", onScrollOrResize, true);
       window.removeEventListener("resize", onScrollOrResize);
+      if (resizeObserver && panel) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
       applyModalClose();
       if (onClose) onClose();
     }
@@ -211,6 +212,13 @@
         wrapper.setAttribute("aria-hidden", "false");
         window.addEventListener("scroll", onScrollOrResize, true);
         window.addEventListener("resize", onScrollOrResize);
+        // Re-position when panel content size changes (e.g. async record list load in record-select)
+        if (typeof ResizeObserver !== "undefined" && !resizeObserver) {
+          resizeObserver = new ResizeObserver(function () {
+            if (wrapper.classList.contains("visible")) position();
+          });
+          resizeObserver.observe(panel);
+        }
         requestAnimationFrame(function () {
           requestAnimationFrame(function () {
             panel.setAttribute("data-state", "open");
@@ -222,6 +230,10 @@
     function destroy() {
       hide();
       applyModalClose();
+      if (resizeObserver && panel) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
       if (backdropEl && backdropEl.parentNode) {
         backdropEl.parentNode.removeChild(backdropEl);
       }
@@ -276,8 +288,6 @@
       show,
       hide,
       destroy,
-      /** Re-run positioning (e.g. after async content load). Call when panel size changes. */
-      updatePosition: position,
       setContent(newContent) {
         body.innerHTML = "";
         if (typeof newContent === "string") {

package/components/record-select.js

@@ -10,9 +10,17 @@
 (function (global) {
   "use strict";
 
-  var Popover = global.Popover;
-  var InputComponent = global.InputComponent;
-  var Spinner = global.Spinner;
+  function getDep(name) {
+    if (typeof global.FlowUI !== "undefined" && typeof global.FlowUI._getComponent === "function") {
+      var c = global.FlowUI._getComponent(name);
+      if (c) return c;
+    }
+    return global[name];
+  }
+
+  var Popover = getDep("Popover");
+  var InputComponent = getDep("InputComponent");
+  var Spinner = getDep("Spinner");
 
   /** When objectSlug === USERS, show Vivid Avatar (name-based color) instead of static icon */
   var STANDARD_OBJECT_SLUGS_USERS = "user";
@@ -258,6 +266,7 @@
     // Dropdown content: search + list (same content pattern as Select)
     var content = document.createElement("div");
     content.setAttribute("role", "listbox");
+    content.setAttribute("data-field-id", fieldId);
     content.className = "record-select-content  max-h-[45vh] overflow-hidden flex flex-col";
 
     var searchWrap = document.createElement("div");
@@ -354,6 +363,15 @@
         setTimeout(function () {
           if (searchInputEl) searchInputEl.focus();
         }, 0);
+        // Let consumers (e.g. BANT Questions "Add Contact") inject content into the dropdown
+        try {
+          var doc = global.document || (typeof document !== "undefined" ? document : null);
+          if (doc && typeof global.CustomEvent !== "undefined") {
+            doc.dispatchEvent(new global.CustomEvent("record-select:opened", {
+              detail: { fieldId: fieldId, content: content },
+            }));
+          }
+        } catch (e) {}
       },
       onClose: function () {
         isOpen = false;