Directional Clipping Option

It would be amazing if there was an advanced clipping option that would allow designers to choose what edges clipped content and what edges let content run over it.

I am working on complex enterprise software where I have dropdown menus with menu items with hover states as well as icon buttons in the menu items with their own hover states. And on top of that I need to show tooltips on some of the icon buttons and allow clicking to open a new modal. (There is a lot going on)

We have workarounds for the overlay tooltip but the issue we’re running into is everything is in a scrollable container and that requires clipping to look decent.

It would be nice to decide what edges get clipped. In our scenario we need clipping at the top and bottom of the scrollable container but the left and right don’t need it so that absolute positioned items can spill outside of the scrollable container.

1 Like