Bug explanation

The TabControl, explicitly the style using the internal MDIX ScrollingTabControlTemplate, does not conform to the MD spec with regards to the prefixed space of 52dp.

https://m2.material.io/components/tabs#specs

There also seems to be a rule, although I can't really spot it in the description, about the tab which is right at the right-end of the viewport. In order for the user to be able to see that there is more content, and allow them to actually select the tab (using the mouse), I believe this tab also needs to have (at least) 52dp of its left edge within the viewport. This can be seen by using the scrolling sample from the MD2 spec (MD3 does not seem to change this behavior).

This gives the user the ability to use the mouse to navigate all of the tabs, albeit having to "move over one at a time" for the tabs that are outside the viewport.

Currently, the MDIX style TabControl requires the user to resize the window or similar in order to navigate to those tabs using the mouse.

Version

5.3