Height Transition Test

Test Controls

Enable Size Transitions

Transition Container

Tip: With size transitions DISABLED (default), switching from the tall content to the small content will crop the outgoing element while the content transition runs. Toggle size transitions ON to see the difference. The striped bar at the bottom of the big content helps visualize cropping when the container height shrinks instantly.

🎯 Big Content

This is a tall element with lots of content

It takes up significant vertical space

Perfect for testing height transitions

When you switch to small content,

watch how smoothly it transitions!