Generate Image action only toggles accordion and does not trigger generation

[vishnupprajapat]

Description

In the Image block, the "Generate Image" option appears inside an accordion. However, clicking on "Generate Image" only toggles (expands/collapses) the accordion and does not trigger any image generation action.

This creates confusion, as the label suggests an actionable feature but behaves like a UI toggle instead.

Step-by-step reproduction instructions

1. Go to WordPress editor (Gutenberg)
2. Add an Image block
3. Add Caption
4. Locate the "Generate Image" option
5. Click on "Generate Image"

Expected behaviour

Clicking on "Generate Image" should:

• Either trigger the image generation flow (AI prompt / modal / generation action), OR
• Clearly indicate that it is only a collapsible section (with proper labeling)

Actual behaviour

Clicking on "Generate Image":

• Only expands/collapses the accordion
• Does not initiate any image generation process

Screenshots, screen recording, code snippet

Screenshots, screen recording, code snippet

Edit.Post.test.Custom.Gutenberg.Blocks.WordPress.mp4

Environment info

WordPress information

• WordPress version: 7.0
• Are all plugins except Gutenberg deactivated? Yes
• Required AI plugin
• Are you using a default theme? Yes

Device information

• Device: Desktop
• Operating system: Windows / macOS
• WordPress app version: N/A

Additional context

This might be a UX issue where the label "Generate Image" is misleading if it is intended to only expand a section. It could be improved by:

• Renaming it to something like "Image Generation Settings", OR
• Triggering the actual generation flow on click.

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

• Yes

Please confirm that you have tested with all plugins deactivated except the AI plugin.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[dkotter]

Thanks for the report @vishnupprajapat. I have #489 open now to try and fix this. If you have some time to test that PR and see if it fully solves things for you, that would be great.

I was able to easily reproduce the first part of this, where the Generate Image button was showing when a caption field was focused on (which is definitely a bug). I don't ever see the caption field in the block sidebar though so wasn't able to test that. Curious on how you get that to show up? Is that something the Gutenberg plugin is adding and if so, any specific settings you have turned on?

[vishnupprajapat]

Hi, @dkotter

Thanks for looking into this and for opening the PR 🙌

Regarding the caption field in the block sidebar — this is coming from the Gutenberg plugin. When using the Gutenberg plugin (with experimental features), the caption field is available in the sidebar as well.

That’s how I was able to reproduce this behavior:

Adding caption from the sidebar
Then the "Generate Image" option appears

[dkotter]

Regarding the caption field in the block sidebar — this is coming from the Gutenberg plugin. When using the Gutenberg plugin (with experimental features), the caption field is available in the sidebar as well

So I have the Gutenberg plugin installed and active but I'm not seeing this field in the sidebar. Can you let me know what version of the Gutenberg plugin you have and what specific experiments within the plugin you have turned on?

[vishnupprajapat]

So I have the Gutenberg plugin installed and active but I'm not seeing this field in the sidebar. Can you let me know what version of the Gutenberg plugin you have and what specific experiments within the plugin you have turned on?

I’m using the Gutenberg development plugin (v23.1.0-rc.1).

This is the development version of the block editor, which includes experimental features by default. I didn’t enable anything specific manually, but this behavior is reproducible in this setup.

Happy to share more details or test with specific experiment settings if needed 👍

[dkotter]

Happy to share more details or test with specific experiment settings if needed

If you can test the linked PR with that and see if it is fixed now, would be appreciated. I'd argue it's not the highest priority to ensure compatibility with a development version of a plugin but feedback is always welcome

[dkotter]

Note I was finally able to reproduce this:

1. Install the latest version of the Gutenberg plugin (v23.0.1 as of this writing)
2. Go to Gutenberg > Experiments
3. Turn on Block fields: Show dataform driven inspector fields on blocks that support them and save
4. Add an image to a post and you'll now see extra fields in the sidebar, including caption

So this does require the Gutenberg plugin and does require a specific experiment turned on within that plugin. As mentioned above, we technically don't claim compatibility with any specific plugin, in particular experiments within another plugin. But I did verify that seems #489 does appear to fix the issue, both with the normal inline caption field and this experimental sidebar caption field