Here’s the thing. Widget components create pieces of solid geometry they render their content on:
Just like with regular meshes, these will block each other and there’s no neat way around this (that I know of) without going down the MultiLineTrace lane or checking each pixel. And even the Widget Interaction Component will not help here as it simply simulates what the mouse is doing with another trace, hitting stuff all the same.
Since the borders are so large and so close that they will, inevitably, obstruct each other, you may want a slightly different approach here.
- switch to Screen Space mode:
This would give you much better looking widgets and no nonsense with collisions.
- or, if you must use World Space, have 2 widget components instead. One will have just a colliding button, and the other a non-colliding border:
This way, this giant piece of geometry will not get in the way.
But you’ll need to deal with zFighting if you ever align them perfectly in the same axis.
To close / open:
Regarding not having to create 120 different widgets I mentioned previously, have a look here: