The safe triangle is magical! 🤩 It's a method used to expand the target area in context menus. 🔗 Learn about it here:

Shouldn't the triangle continue to shrink with the mouse as the approach the submenu? Maybe with a buffer? If the user pauses and starts to mouse down, I would imagine it should hover the next item down

Correct, it needs more thinking on how to approach the 2nd menu item, but I suppose there is a solution for it; didn't try that yet.

Again: love the page you wrote about target sizes. Plus this technique is beautiful!

I appreciate it, thanks a lot 🙏

Super good article!

Your demos to explain CSS are the best 😍 You just play in another league 🔝🎩

Oh, that means a lot, Carlos. Thank you 🤩

Definitely a classic 👍

Dude, this is sick! Thanks!

One optimization can be have a time-out to remove the safe triangle, so when you are in safer are but outside the item, you can focus on other items. In this case when the focus cursor stays on "Filter by" item, and inside the safe triangle, the filter by is not clickable.