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.
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.