Header: Menu collapses second-to-last item into dots dropdown first.

[ryelle]

Originally reported on trac by @00travelgirl00

I have noticed a weird behavior in the menu.

When I open https://de.wordpress.org/ and increase the size of the canvas, the menu point "Mitmachen" (get involved), jumps from the second last spot to the last and gets hidden behind 3 dots. That means, that the order of the menu-points are not consistent. I'm not sure, if this already breaks accessibility guidelines for consistency, but it is definitely and unexpected und confusing behavior.

My suggestion would be, to keep the order of the menu points. If the Menu-point "Mitmachen" should get reduced first, put it on the last spot also in the menu in Desktop

Full menu:

Wrapped menu (in this case, because I've shrunk the screen size, but this could also be triggered as above, by increasing the text size).

This is due to the menu-wrapping JS (#21) — no matter what element is in the last position of the menu, the first thing to collapse is always the second-to-last.

I've also tagged this i18n because the main (English) site's menu is short enough that it does not trigger the wrapping before switching to the mobile view, but Rosetta sites can add more content to the menu, meaning they might wrap.