I'm building a dropdown list menu component in a design system that will be used by many designers and teams, so I need a universal max height.
I understand that the max height of a dropdown list menu component in the most optimal environment would vary for each and every context, but I don't have that luxury.
I've also come to learn from reading on UX Stack Exchange that for an unstyled browser out-of-the-box dropdown list that each browser has its own max height by number of items (e.g. Firefox shows 20 items in the menu, then scrollbar for any after that).
Our design system will have custom visual style for the dropdown list menu appearance, so I'm also wondering if I can still leverage the browser's default menu height even though we're customizing.