Long homeserver domain names and internationalisation to longer languages (like French) break "Sign in with" box

[justin-sleep]

Description

Riot's login page has a "Sign in with" box, which lists the options to authenticate with. The text overflows out of the box when the domain name is too long.

Steps to reproduce

• Point Riot to a homeserver with a long domain name

Version information

Web, 0.13.2

Present on latest versions of Chromium and Firefox.

[lampholder]

Quick fix: truncate with ellipsis.

Controversial longer fix: bring back the enhanced user name button that I mooted at some point in the past with the @ and the domain baked into the username field (I think people didn't like it):

[@| User name |:matrix.org]

[@| User name |:lant.uk]

[pafcu]

This is a common problem all around Riot and there are several related issues with the same symptoms (i.e. text does not fit into combobox). It seems like a generic solution is needed, so probably the ellipsis one is the best (although certainly it is possible to additionally special case this one)

[ara4n]

ellipsising ftw for now as quick fix, although it obviously opens the door to nasty phishing attacks if matthew.modular.im gets truncated so matthew.modular.im.evil.com could be injected too. should be fixed properly in redesign.

[turt2live]

The whole dropdown can probably be removed when element-hq/element-meta#1582 is implemented

[turt2live]

Conclusion: we're going to use an ellipsis and punt the remainder to the redesign (#7586)

[turt2live]

This was actually fixed long ago by #6244