testomatio-editor-blocks 0.4.56 → 0.4.57

package/package/styles.css

@@ -951,6 +951,11 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
+.bn-container .bn-suggestion-menu {
+  max-height: none !important;
+  overflow: visible !important;
+}
+
 [data-tooltip] {
   position: relative;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.56",
+  "version": "0.4.57",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/App.tsx

@@ -364,20 +364,36 @@ function CustomSlashMenu() {
           offset(10),
           size({
             apply({ elements }) {
-              Object.assign(elements.floating.style, { maxHeight: "" });
+              Object.assign(elements.floating.style, { maxHeight: "", overflowY: "" });
             },
           }),
           flip({
+            padding: 10,
             fallbackPlacements: ["top-start"],
           }),
-          shift(),
-          size({
-            apply({ availableHeight, elements }) {
+          shift({ padding: 10 }),
+          {
+            name: "fitToViewport",
+            fn({ y, rects, elements }) {
+              const padding = 10;
+              if (y < padding) {
+                const bottomEdge = rects.reference.y - 10;
+                const maxHeight = Math.max(bottomEdge - padding, 100);
+                Object.assign(elements.floating.style, {
+                  maxHeight: `${maxHeight}px`,
+                  overflowY: "auto",
+                });
+                return { y: padding };
+              }
+              const viewportHeight = window.innerHeight;
+              const available = viewportHeight - y - padding;
               Object.assign(elements.floating.style, {
-                maxHeight: `${Math.max(availableHeight - 10, 0)}px`,
+                maxHeight: `${Math.max(available, 100)}px`,
+                overflowY: "auto",
               });
+              return {};
             },
-          }),
+          },
         ],
       }}
     />

package/src/editor/styles.css

@@ -951,6 +951,11 @@ html.dark .bn-step-image-preview__content {
   overflow-x: clip;
 }
 
+.bn-container .bn-suggestion-menu {
+  max-height: none !important;
+  overflow: visible !important;
+}
+
 [data-tooltip] {
   position: relative;
 }