New mention UI eats the text of the link

Description

Can’t make a link to a room with a text.

Steps to reproduce

If you write something like that:

Meet me [here](https://riot.im/develop/#/room/#test:matrix.org)

here isn’t shown. Instead it’s the room name that is.

Describe how what happens differs from what you expected.

The best solution would be to show the room icon but keep the link text instead of the room name.

Version information

Dev

• Platform: web

For the web app:

• Browser: Firefox 54
• OS: macOS
• URL: riot.im/develop

[lampholder]

Pills exist to:

• help users discover/share new rooms
• help users have confidence that the link they’re clicking is taking them somewhere they expect to go

We might experiment with more flexible pills in future, but let’s stay simple for now - let’s not let users replace the pill text with their own text.

However, to support @MightyCreak’s usecase, lets render matrix.to links with custom link text as plain ol’ regular links, without any pillification.

[MightyCreak]

I personally don’t see it as a real threat. On the web, if you’re unsure of the site you’re browsing, you verify the links. It’s the same here but with rooms.

And it’s quite easy to detect a fishing here: if there is a room link in the text and it’s different than the real room link.

But I get devs don’t want to go that way. Thereby I propose to have a different UI for links to room with text. There is already the fact that the text is underlined when there is a text (in my mockup), which remembers that it’s a texted link. Maybe the pill could only be on the left. Leave a regular link on the right, but still saying that this link points to a room.