Tooltip clipped by overflow clip
Tooltip clipped above the host
Dropdown with utility classes still gets clipped.
Review card in a horizontal rail.
Posted on the web
Tooltip clipped by both nested containers
Second row tooltip, cut by its own row
Native dialog clipped by the hidden ancestor.
A BEM tooltip clipped above the host

Hidden container with only static content.

Positioned child can escape because overflow is visible.
A genuine scroll region is allowed to contain positioned children.

Positioned decoration remains inside the clipping box.

Mockup frame with a contained absolute overlay.

A hidden next slide is clipped intentionally by the viewport.
Before/after comparison panel clipped by the split frame.

A display contents wrapper has no box to clip with.

Tooltip above a boxless wrapper.

Product frame with ornamental corner ticks.

Ticker copy sliding through the band.

Only the horizontal axis is clipped here.

Layer above the box, unclipped.
The next slide waits outside the swiper viewport.

Label swap masked by the box.

Swapped label parked below by a transform.
Hair Body Skincare
Hair Body Skincare
Sofa, armchair and dining table listings
The next promotion waits past the edge.

Pricing card with a ribbon pinned above its top edge.

Most popular

Curved masthead

Spring collection
A closed dialog renders nothing.
A modal dialog escapes every clip.
A dropdown named only by its class keeps its silence.