@farcaster/snap 2.1.0 → 2.1.1

package/dist/react/v2/snap-view.js

@@ -6,6 +6,7 @@ import { SnapViewCore, SnapLoadingOverlay } from "../snap-view-core.js";
 import { resolveSnapPaletteHex } from "../lib/resolve-palette-hex.js";
 const SNAP_MAX_HEIGHT = 500;
 const SNAP_WARNING_HEIGHT = 700;
+const SHOW_MORE_OVERHANG = 14;
 // ─── Default validation error fallback ────────────────
 function SnapValidationFallback({ appearance, message, }) {
     const isDark = appearance === "dark";
@@ -83,7 +84,9 @@ export function SnapCardV2({ snap, handlers, loading = false, appearance = "dark
     }, [isExpandable]);
     const isClipped = !showOverflowWarning && isExpandable && !isExpanded;
     const containerMaxHeight = showOverflowWarning ? SNAP_WARNING_HEIGHT : undefined;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
+    return (_jsxs("div", { style: {
+            paddingBottom: !showOverflowWarning && isExpandable ? SHOW_MORE_OVERHANG : 0,
+        }, children: [_jsxs("div", { style: {
                     position: "relative",
                     width: "100%",
                     maxWidth,

package/dist/react-native/v2/snap-view.js

@@ -7,6 +7,7 @@ import { validateSnapResponse, } from "@farcaster/snap";
 // ─── Constants ───────────────────────────────────────
 const SNAP_MAX_HEIGHT = 500;
 const SNAP_WARNING_HEIGHT = 700;
+const SHOW_MORE_OVERHANG = 14;
 // ─── Validation fallback ─────────────────────────────
 function SnapValidationFallback({ message }) {
     const { colors } = useSnapTheme();
@@ -85,7 +86,7 @@ function SnapCardV2Inner({ snap, handlers, loading, borderRadius, showOverflowWa
     const isDark = mode === "dark";
     const pillBg = isDark ? "rgba(40,40,40,0.92)" : "rgba(255,255,255,0.92)";
     const pillBgPressed = isDark ? "rgba(60,60,60,0.95)" : "rgba(240,240,240,0.95)";
-    return (_jsxs(_Fragment, { children: [_jsxs(View, { style: { position: "relative" }, children: [_jsxs(View, { style: {
+    return (_jsxs(View, { style: { paddingBottom: isExpandable ? SHOW_MORE_OVERHANG : 0 }, children: [_jsxs(View, { style: { position: "relative" }, children: [_jsxs(View, { style: {
                             borderRadius,
                             borderWidth: 1,
                             borderColor: colors.border,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farcaster/snap",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Farcaster Snaps 🫰",
   "repository": {
     "type": "git",

package/src/react/v2/snap-view.tsx

@@ -9,6 +9,7 @@ import type { SnapPage, SnapActionHandlers } from "../index";
 
 const SNAP_MAX_HEIGHT = 500;
 const SNAP_WARNING_HEIGHT = 700;
+const SHOW_MORE_OVERHANG = 14;
 
 // ─── Default validation error fallback ────────────────
 
@@ -166,7 +167,12 @@ export function SnapCardV2({
   const containerMaxHeight = showOverflowWarning ? SNAP_WARNING_HEIGHT : undefined;
 
   return (
-    <>
+    <div
+      style={{
+        paddingBottom:
+          !showOverflowWarning && isExpandable ? SHOW_MORE_OVERHANG : 0,
+      }}
+    >
     <div
       style={{
         position: "relative",
@@ -307,6 +313,6 @@ export function SnapCardV2({
         {actionError}
       </div>
     )}
-    </>
+    </div>
   );
 }

package/src/react-native/v2/snap-view.tsx

@@ -17,6 +17,7 @@ import type { SnapPage, SnapActionHandlers } from "../types";
 
 const SNAP_MAX_HEIGHT = 500;
 const SNAP_WARNING_HEIGHT = 700;
+const SHOW_MORE_OVERHANG = 14;
 
 // ─── Validation fallback ─────────────────────────────
 
@@ -229,7 +230,7 @@ function SnapCardV2Inner({
   const pillBgPressed = isDark ? "rgba(60,60,60,0.95)" : "rgba(240,240,240,0.95)";
 
   return (
-    <>
+    <View style={{ paddingBottom: isExpandable ? SHOW_MORE_OVERHANG : 0 }}>
       <View style={{ position: "relative" }}>
         <View
           style={{
@@ -307,7 +308,7 @@ function SnapCardV2Inner({
           {actionError}
         </Text>
       )}
-    </>
+    </View>
   );
 }