Difficulties for interacting with the image block when is in a circle form with a small size

[jesusyesares]

Description

Bug Report

Description

Trying one of the patterns in Twenty-Twenty-Four Theme, I tried to change the image of a cite. This image is inside a circle form in a group block. Is something like this:

The properties of the block are something like this:

The problem is that there's no access to the upload button or the Media library. If you want to access to this buttons, you have to increase the width and the height or change the aspect ratio to Original as you can see here.

Or you can do this:

Step-by-step reproduction instructions

Steps to Reproduce

1. In the Twenty Twenty Four Theme.
2. In the home page.
3. Go to the Testimonial Block.

4. 🐞 Bug occurs.

Expected Results

1. ✅ At least it must be possible to access to the images from the lateral panel under the block attributes.

Actual Results

1. ❌ What actually happened.

Screenshots, screen recording, code snippet

No response

Environment info

Environment

• WordPress: 6.6-RC2
• PHP: 8.2.20
• Server: Apache
• Database: mysqli (Server: 10.11.8-MariaDB-ubu2004-log / Client: mysqlnd 8.2.20)
• Browser: Chrome 126.0.0.0 (macOS)
• Theme: Twenty Twenty-Four 1.1
• MU-Plugins:
  • ManageWP - Worker Loader 1.0.0
• Plugins:
  • Create Block Theme 2.3.0
  • Gutenberg 18.7.1
  • WordPress Beta Tester 3.5.6

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

[jasmussen]

Good issue. This is something we need to address, and I just referred to this issue from #63327 which details the Site Logo placeholder state which actually addresses the issue at hand here, but could be improved with a better tooltip placement and controls in the inspector.

The Site Logo presents a path forward for how to address this issue. I'd love to hear from @WordPress/gutenberg-design if they agree. Depending on discussion I would then think both of these issues can be fixed together.

[jameskoster]

I agree in general. The Featured Image block is the same (when page editing) and works quite well:

But these block's on-canvas UX are missing a way to 'Insert from URL'. In the case of regular images, maybe the Upload button should open a menu with options: "Upload", "Media library", "Insert from URL"?

[jasmussen]

This issue will be fixed by #64320.