diff --git a/src/components/membership/QgivJoin.tsx b/src/components/membership/QgivJoin.tsx index ccce72f7..af105998 100644 --- a/src/components/membership/QgivJoin.tsx +++ b/src/components/membership/QgivJoin.tsx @@ -245,12 +245,11 @@ export default function QgivJoin({ tier, className, prefill }: QgivJoinProps) { {/* Qgiv's embed.js sets a default iframe height (observed: 1000px) via the `height` HTML attribute, then narrows it once its resize postMessage fires — which hasn't reliably landed here, leaving dead - space below the visibly shorter membership form. `/donate` and - `/donate-new` hit the same issue and fix it the same way: a plain - CSS rule beats an HTML attribute in the cascade without needing - `!important`, capping the iframe box directly rather than a - wrapping element Qgiv's script may detach from. */} - + space below the visibly shorter membership form. Capping at 950px + (vs. clamping to something like 720px) still fits the tallest + real-world variant of the form while trimming the worst of the + unresized default. */} + ); }