[forgetso]

Summary

Follow-up to #851, which switched <mc4wp-procaptcha> from display: block to display: inline-block so the widget inherits the surrounding form's text-align.

inline-block is shrink-to-fit, and the Procaptcha widget sizes itself in percentages under a max-width — it has no intrinsic width of its own for a parent to shrink-wrap around. So the wrapper collapses to the widget's minimum size instead of its natural 302px, which also leaves room for the submit button to flow up alongside it:

Reported on themangoroad.com, running 4.14.1. Under display: block the wrapper filled its parent and the widget's max-width capped it, so the missing intrinsic width only became visible after #851.

Fix

Add width: 302px; max-width: 100% to the wrapper's inline style. 302px is the widget's natural width, so the shrink-to-fit calculation has something definite to use, and max-width: 100% keeps the widget shrinking inside parents narrower than that. display: inline-block is unchanged, so #851's alignment behaviour is preserved.

We're fixing the missing intrinsic width in the Procaptcha widget itself as well, but this keeps the integration correct regardless of which widget version a site loads.

Test plan

• Form in a narrow centred container (~500px) — widget renders at its full 302px instead of collapsing.
• Parent narrower than 302px — widget still shrinks to the parent, no overflow.
• Left / centre / right aligned parent forms — alignment from Use inline-block on procaptcha wrapper so it inherits form alignment #851 still inherited.
• php -l clean.

🤖 Generated with Claude Code