Description

Noticed while working on #58505

See also the reunification of these UIs proposed in #50893

Both the LinkControl input field and the URL input field for images don't reserve space for their spinner icon. As such, long text inserted in the input field is partially hidden by the spinner icon.

Generally, I'm not sure that visually placing extraneous control within an input field is ideal in the first place. The visually appearance os such a placement may look more pleasant but that's subjective and not that relevant.

The expectation is to have controls that are visually separated and can be distinguished easily, This applies to buttons and also to 'spinner' icons.

The fact that the spinner icon hides content, although it only does that temporarily, isn't ideal and should be prevented.

Screenshots:

Step-by-step reproduction instructions

• Select some text and start inserting a link.
• In the URL input field type some long text and wait to see the spinner icon.
• Observe the spinner icon hides the text you entered.
• Add an Image block and start adding a link to the image.
• In the URL input field type some long text and wait to see the spinner icon.
• Observe the spinner icon hides the text you entered.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes