Make link in link dialogue navigate the user to the page within the site editor

[MichaelArestad]

This is an idea previously shared in #19204. If you are familiar with Google Docs, this concept should be familiar. In Google Docs, if you click a link, a popover shows up with editing controls and a clickable link. We could do something similar.

Try the prototype.

Notes

This does require many clicks but is likely more discoverable initially than hotkeys. It also doesn't require any new UI patterns.

Screenshot

Source Figma file

[MichaelArestad]

Prototype i2

I tried another iteration that uses a button instead of the link. This likely could be more predictable. I did take the liberty of changing the "Change" button to a "Remove link" button.

Try the prototype.

I'm not entirely sold on the icon. I tried a few edit icons, but that felt very much like I was editing the link and not going to a page to edit. I'm open to ideas here.

Screenshot

Source Figma file

[folletto]

This seems a strong baseline. I define here baseline as: we might be building something faster and swifter than this later, but we can always have this as a fallback. So regardless of other, maybe more advanced interfaces, this seems the right place and with enough space to be clear on the action, and navigate around.

I would be maybe even more explicit instead of icons, here are two options to brainstorm further:

Option 1
More explicit, makes used of the existing dropdown, I think major win for clarity once we get the copy right.

Option 2
Harder for translations, and adds a lot in the toolbar, but it's very quick to access.

[MichaelArestad]

@shaunandrews has proposed a series of iterations to the link UI that render this mockup fairly outdated. In his mocks, he proposed this:

I think it works well with the new UI particularly as it's not relying on an icon. What do you think?

[folletto]

Just having a single chevron down might be a little too "cryptic" — maybe having a label too would help? or some way to separate it from "Done"? — but apart from that I think it's a solid solution.

I think the copywriting needs some iterations (I think it's important it highlights better what's going to happen), but again, it's just a minor review step.

[kellychoffman]

Closing this due to lack of activity and to make it part of #23328