@Jdlrobson would it be possible at 1200px to switch to the 2-3 character code for the language, so English would become En, and Svenska would become Sv? If that's too complicated I like your solution of introducing a max-width / ellipsis on the language button.

In T295433#7557947, @alexhollender wrote:

@Jdlrobson would it be possible at 1200px to switch to the 2-3 character code for the language, so English would become En, and Svenska would become Sv? If that's too complicated I like your solution of introducing a max-width / ellipsis on the language button.

We can use the code but I'm not sure whether that makes sense from an i18n @Nikerabbit what do you think?

Using the language codes is quite a common practice, but I would not expect all users to understand what it means, so I wouldn't recommend it in this prominent position.

But I think this is a more of a design/usability question that @Pginer-WMF may have thoughts about rather than a technical question.

When there is not enough room for the full language name, I'm more inclined to the use of ellipsis rather than using ISO code. In both cases you have a shorter string that users have to reinterpret as their language, and using a string that is actually part of their language name I think makes it easier. Especially thinking on a non-technical audience and non-latin scripts (iso codes are always using latin script).

If You don't like this error situation, so here is the way, how You can fix temporary, if You don't use a lower width as 720px.

Everytime none fix. Best solution for the user: Change the design template, none Vector 2022.

This looks fixed to me (by T312241) but adding to QA in production for a final check.