4 ms·

Tabs in smartphone screen size portrait mode looks wrong, e.g. tablist presentation is different, and the tabs container has no visual wrap: https://design-syst

• petepete 5y ago
  How do you mean wrong? It's meant to look like a small table of contents that links to the relevant subheading beneath.
  • Eduard 5y ago
    It's wrong because tabs are not meant to be presented as a small table of contents. Viewing the same page in landscape mode/bigger screen does show tabs. Tabs are meant to be presenting only the currently selected option, one reason for that being concise in a constrained environment. Their tabs implementation does the wrong/opposite thing when it is the most useful (small screen). Also, it is confusing to have a completely different presentation depending on screen size.
    • petepete 5y ago
      Rendering them inline might not be ideal but user research has shown that having more than a couple of tabs on mobile leads to problems. They are exacerbated when the tabs wrap on to multiple lines - or heaven forbid, require horizonal scrolling. From a usability point of view rendering the content online makes sense. It has the added benefit of working well for people who have disabled JavaScript too.