Inline Image: When inline image has a link, it's not possible to resize it

[druesome]

Quick summary

When an inline image has a link, the option to resize it disappears because the link popup appears on top of it.

Screencast:

uMqQ3b.mp4

One workaround is to remove the link and resize the image, then add the link back.

Another option is to edit the link, enter the width, and click cancel on the link popup, but this doesn't work all the time.

Steps to reproduce

1. Create or edit a post
2. Within a paragraph block, insert an inline image
3. Click on the image and give it a link
4. Try resizing the image by entering the width

What you expected to happen

To be able to still resize the image by entering the width.

What actually happened

I'm no longer given the option to resize the image, only an option to edit the link. The link popup is covering up the width popup.

Impact

Most (> 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

No response

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple – Replicated
• Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

• Replicated as described - the LinkControl covers up the width modal in the block editor.
• Workaround - you can switch to the Code editor and change the width there, or you can remove the link, resize the image, and add the link again. :/

Screenshots/Recordings

📌 ACTIONS

• Assigned to Other
• There's an existing report on inline images within Button blocks in /gutenberg, but the underlying problem seems to be the same: Block button resize inline image UI is unusable when button has a link set up WordPress/gutenberg#45664
  • Noted this issue in the main gutenberg issue where LinkControl updates are being worked on: LinkControl Refresh WordPress/gutenberg#50891

[mrfoxtalbot]

This is no longer an issue. The link and the image property modals show in different positions: