You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Measure active panel height, animate the wrapper with transition-[height], keep overflow-hidden. Use a client wrapper for animation since CodeBlock is an async server component.
Title: Code example jumps when switching languages — add smooth height transition
Problem
On the marketing homepage Developers section, switching between TypeScript/Python/Go/PHP makes the code block snap to a new height with no animation.
Expected
Smooth expand/shrink on language change (ease-in-out, ~300ms).
Location
apps/marketing/src/components/CodeExample.tsx
apps/marketing/src/components/CodeLangToggle.tsx
Screen.Recording.2026-07-19.at.8.28.04.PM.mov
Fix idea
Measure active panel height, animate the wrapper with transition-[height], keep overflow-hidden. Use a client wrapper for animation since CodeBlock is an async server component.
Screen.Recording.2026-07-19.at.8.31.26.PM.mov