I ran into some UI patterns that raised some red flags; one was having a modal/dialog triggered from…some other element that is already “on top” of the current page (e.g., other modals, dropdown menus, flyout panels/drawers). After digging into it a bit more, I figured out why it bothers me. I’ve compiled some points to consider, but the TL;DR is this: avoid mixing dropdowns, search boxes, and modals in a single interaction. Each pattern has its place, but combining them can create ac...
