Overflow

Usage

Please refer to the documentation on the Tailwind CSS website

RC notes

Use ScrollView or other React Native scrolling components for scrolling. Whole view overflow-hidden and overflow-visible are distinct from CSS scroll containers.

Compatibility

Support applies to the documented values and platforms. See the RC compatibility notes for value limits and native migration alternatives. Browser behavior is evaluated separately.

Class	Support
`overflow-hidden`	✅ Supported
`overflow-visible`	✅ Supported
`overflow-auto`	Not supported on native
`overflow-clip`	Not supported on native
`overflow-scroll`	Not supported on native
`overflow-x-auto`	Not supported on native
`overflow-x-clip`	Not supported on native
`overflow-x-scroll`	Not supported on native
`overflow-x-hidden`	Not supported on native
`overflow-x-visible`	Not supported on native
`overflow-y-auto`	Not supported on native
`overflow-y-clip`	Not supported on native
`overflow-y-scroll`	Not supported on native
`overflow-y-hidden`	Not supported on native
`overflow-y-visible`	Not supported on native

Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Supported

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

Not supported on native: rejected by the native CSS engine

🌐 Web only