1---
2title: Overflow Hidden on Animated Container
3impact: MEDIUM
4tags: container, overflow, clip
5---
6 
7## Overflow Hidden on Animated Container
8 
9Set overflow: hidden on the animated outer container to clip content during size transitions.
10 
11**Incorrect (content overflows during animation):**
12 
13```tsx
14<motion.div animate={{ height: bounds.height }}>
15  <div ref={ref}>{children}</div>
16</motion.div>
17```
18 
19**Correct (clipped during transition):**
20 
21```tsx
22<motion.div animate={{ height: bounds.height }} style={{ overflow: "hidden" }}>
23  <div ref={ref}>{children}</div>
24</motion.div>
25```
26