When a user selects a link from the link inspector it is presented as text written in a text field. Then they have to explicitly confirm the selection yet again for the link to be created.

Ideally we should:

• Create the link as soon as the user picks an element from the suggested list (or hits enter to select the default one).
• Hide existing link cards once the link inspector is open.
• Once selection is done, the link inspector should turn into a link card with editing (and delete) option (see T106540) and the link should become inserted into the translation.

Design details

Check this prototype and animation:

• When the user clicks on the "Link to another page" card, the existing link cards are removed (if any) and the card expands to become the link inspector.
• In the link inspector users can search or select from suggestions. Clicking a suggestion or hitting enter (to select the default one) results in the link being created.
• Once the link is created, the link card will appear and the link to another page card will go back to their normal position.
• The link inspector can be cancelled by hitting escape or clicking outside.
• While the "Link to page" scenario does not require a confirmation button, the addition of an external link still does (check mockups below).
• Transitions illustrated help to communicate the relationship of the elements but can be supported in separated tickets if needed.

Mockups