Description

Currently in the Link UI, if the link text is particularly long then it is "clipped" and an ellipsis is shown. This is ok, but it does make the UI difficult to use if you are trying to distinguish between similarly named posts.

Moreover, if you enter a link which has no spaces and is very long then you encounter the same problem.

This PR resolves this by allowing the UI to wrap the link text. This allow the user to see the full link text whilst avoid any unwanted horizontal overflow.

Closes #33586

How has this been tested?

1. Create a few posts with very long titles and publish them.
2. Create a new post and add some text content.
3. Create a link to one of your test posts (the ones with the long titles).
4. See that the link UI wraps the long text both in edit and in preview mode.
5. Create a very long freeform link with no spaces at all.
6. Check that the link UI wraps the long text both in edit and in preview mode.

Screenshots

Types of changes

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).