@morphika/andami 0.5.9 → 0.5.11

package/components/blocks/SectionV2Renderer.tsx

@@ -374,12 +374,19 @@ export default function SectionV2Renderer({ section, pageEnterAnimation, fillHei
     </section>
   );
 
-  // Section-level enter animation (without stagger — wraps entire section)
+  // Section-level enter animation (without stagger — wraps entire section).
+  // When fillHeight is on, propagate height + flex through the animation
+  // wrapper so the section + grid + column can stretch to the slide's 100vh.
+  // Without this, the wrapper's natural height (= content) collapses the chain
+  // and `align_v` has no spare space to apply.
   let result: React.ReactNode = sectionContent;
 
   if (hasAnimation && !staggerEnabled && resolvedSectionEnter) {
     result = (
-      <EnterAnimationWrapper config={resolvedSectionEnter}>
+      <EnterAnimationWrapper
+        config={resolvedSectionEnter}
+        style={fillHeight ? { height: "100%", display: "flex", flexDirection: "column" } : undefined}
+      >
         {result}
       </EnterAnimationWrapper>
     );

package/components/builder/SectionV2Column.tsx

@@ -502,11 +502,21 @@ export default function SectionV2Column({
         )}
       </SortableContext>
 
-      {/* "+" add block button below blocks — absolutely positioned to avoid disrupting flex alignment */}
+      {/* "+" add block button below blocks.
+          When the column has a vertical alignment (center / flex-end via
+          colJustify), this drop zone is anchored absolutely to the bottom of
+          the column so its `flex: 1` doesn't eat the spare space and break
+          the column's `justify-content`. Without alignment (top default), it
+          keeps the legacy `flex: 1` so the entire empty area below the last
+          block remains a generous drop target. */}
       {/* Hidden for section-level blocks (e.g. projectGridBlock) that own the full column */}
       {hasBlocks && !singleSectionBlock && (
         <div
-          className={`flex-1 min-h-0 flex items-center justify-center z-[3] transition-all ${
+          className={`flex items-center justify-center z-[3] transition-all ${
+            colJustify
+              ? "absolute left-0 right-0 bottom-0"
+              : "flex-1 min-h-0"
+          } ${
             showChrome ? "opacity-100" : showFaintOutline ? "opacity-30" : "opacity-0 pointer-events-none"
           }`}
           style={{ minHeight: 24 }}

package/lib/version.ts

@@ -6,4 +6,4 @@
  * Exposed as a plain constant so it can be imported without reading
  * package.json at runtime.
  */
-export const ANDAMI_VERSION = "0.5.9";
+export const ANDAMI_VERSION = "0.5.11";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",