Support overflowing content like drop-shadows

[bvaughn]

Changing the default overflow styles set by this library as shown below is enough to allow e.g. drop-shadows and other overflowing styles.

Before	After
<!-- ⚛️ Group --> <div data-group> <!-- ⚛️ Panel --> <div data-panel style="overflow: hidden" > <div> <!-- The stuff you render --> </div> </div> </div>	<!-- ⚛️ Group --> <div data-group> <!-- ⚛️ Panel --> <div data-panel style="overflow: visible" > <div style="overflow: auto"> <!-- The stuff you render --> </div> </div> </div>

Is this a change that users of this library would like? Will it somehow break or affect existing panel styles in an unexpected way?

Try this out for yourself:

npm install react-resizable-panels@alpha

I'd welcome feedback on the API and the documentation (here).

In support of discussion #674 and issues #628 and #532

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
react-resizable-panels	Ready	Preview	Mar 4, 2026 0:22am