Smarter Components

We have many problems with elements that don’t fit on small screens; this is especially critical when we don’t take into account certain languages ​​that can greatly expand the horizontal space.

A perfect example is tabs: Lexicon clearly defines their behavior, but sometimes it’s difficult to calculate the space and when to add the “More” dropdown menu. If we added an automatic way to move items to the dropdown menu, all the related problems would be solved. I know this might seem like an implementation challenge, but it would save development time and many problems related to zooming to 400% and reflow. I’ve implemented a conceptual example in this CodePen (JS Dropdown example):

https://codepen.io/marcoscv/full/wBGQBQp

1 Like