Menu

📰
0

I built a small React tool for responsive toolbars that work without needing magic breakpoints

Reddit r/reactjs·u/No_Impression_8657·about 1 month ago
#XdCTXSJF
Reading 0:00
15s threshold

It always bugged me that there is nothing in native css or otherwise easy way to detect when something overflows, so you could adjust styling or content.
So I build this small tool that fixes it: OverflowGuard
It's especially useful when dealing with dynamic content in toolbars. Something even some big sites don't solve 100% (some examples in this post)

Most apps and sites just use fixed media or container query break-points, or some custom components / js for their specific case.
This tool, by simply detecting overflow, unlocks building responsive components in a much more fluid way, and allows doing much more then just flex-wrap..

Read More