Accordion Panel: Image alignment not applied

[bph]

Description

In the post/page editor, when I assign an image align right above a paragraph block, the image is place to the right of the paragraph.

When I use the Accordion Block and try the same layout in the accordion panel, it doesn't work. The image stays on top of the paragraph.

Step-by-step reproduction instructions

1. Install the latest Gutenberg plugin
2. Go to Gutenberg > Experiments and enable "Blocks: add experimental blocks."
3. Create a post and add an accordion block
4. Add first an image and then a paragraph to the panel.
5. From the image toolbar, select from the "Align" drop-down: Align right.

Nothing changes.

Screenshots, screen recording, code snippet

See above

Environment info

WordPress 6.8.2
Gutenberg 21.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

Please confirm which theme type you used for testing.

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

[mikachan]

I'm struggling to replicate this but maybe I'm doing it all wrong. The image aligns successfully to the right of the content for me:

This is the markup I used:

<!-- wp:accordion -->
<div class="wp-block-accordion"><!-- wp:accordion-content -->
<div class="wp-block-accordion-content"><!-- wp:accordion-header {"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<h3 class="wp-block-accordion-header accordion-content__heading"><button class="accordion-content__toggle" style="padding-top:0;padding-bottom:0"><span class="accordion-content__toggle-title">Heading 1</span><span class="accordion-content__toggle-icon">+</span></button></h3>
<!-- /wp:accordion-header -->

<!-- wp:accordion-panel {"isSelected":true} -->
<div class="wp-block-accordion-panel"><!-- wp:image {"id":426,"width":"197px","height":"auto","sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-full is-resized"><img src="http://localhost:8881/wp-content/uploads/2025/08/WordPress_blue_logo.svg_.png" alt="" class="wp-image-426" style="width:197px;height:auto"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam commodo justo, in fringilla nibh eleifend ac. Vestibulum blandit ligula lorem, nec convallis lacus ornare nec. Proin porta, ante at vestibulum viverra, massa mi interdum sapien, eu venenatis ipsum nisi eget quam. Morbi placerat iaculis turpis non consequat. Proin quis magna sed mauris tincidunt congue. Fusce ac ligula eleifend, elementum felis sed, interdum metus. Aenean vitae bibendum elit. Pellentesque consectetur et ante non elementum. Quisque ultricies viverra tortor, id iaculis diam mattis nec. Morbi ac turpis egestas, sodales nisi vitae, consequat lacus. Ut mauris nibh, efficitur vitae augue quis, rutrum malesuada felis. In bibendum tincidunt velit sit amet tempor. Mauris purus est, malesuada vel malesuada vitae, rutrum quis tellus. Donec ante metus, pellentesque vitae ultricies id, consequat sed risus. Sed dapibus a tortor eget tempor. Mauris quis erat sit amet nulla sodales molestie et vulputate ex.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Mauris efficitur eros vitae dictum ultricies. Donec gravida diam at dignissim porttitor. Proin et facilisis lorem. Aenean molestie tincidunt elit, at luctus urna tincidunt eget. Sed et dapibus arcu, ut pulvinar nunc. Mauris sodales blandit pulvinar. Aliquam erat volutpat.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-content --></div>
<!-- /wp:accordion -->

[bph]

Here is a video on how I added the image. here I use the default style, just in case it would make a difference.

Screen.Recording.2025-09-19.at.18.19.01.mov

Here is the block markup.

<!-- wp:paragraph -->
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
<!-- /wp:paragraph -->

<!-- wp:accordion {"iconPosition":"left","autoclose":true,"className":"is-style-blue-border is-style-default"} -->
<div class="icon-position-left wp-block-accordion is-style-blue-border is-style-default"><!-- wp:accordion-content {"openByDefault":true} -->
<div class="is-open wp-block-accordion-content"><!-- wp:accordion-header {"iconPosition":"left"} -->
<h3 class="wp-block-accordion-header accordion-content__heading icon-position-left"><button class="accordion-content__toggle"><span>First Header</span><span class="accordion-content__toggle-icon has-icon-plus" style="width:1.2em;height:1.2em"><span style="display:inline-block;width:1.2em;height:1.2em;line-height:1.2empx;text-align:center;font-size:NaNpx;font-weight:bold;color:currentColor">+</span></span></button></h3>
<!-- /wp:accordion-header -->

<!-- wp:accordion-panel {"openByDefault":true,"isSelected":true} -->
<div class="wp-block-accordion-panel"><!-- wp:image {"id":10,"sizeSlug":"medium","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright size-medium"><img src="http://127.0.0.1:9400/wp-content/uploads/2025/09/pirate-WCGdynia-189x300.png" alt="" class="wp-image-10"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis ornare tempus. Nunc aliquet vehicula massa, quis tempor libero faucibus eget. Curabitur facilisis luctus ex in pulvinar. Sed quis diam tempus, porttitor nunc ac, imperdiet nulla. Duis velit mauris, auctor et interdum a, lobortis sit amet urna. Etiam rhoncus est in dignissim molestie. Duis ligula nunc, vestibulum ut hendrerit vel, semper eget massa. Sed finibus nibh rutrum, scelerisque massa in, hendrerit turpis.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non est non turpis pulvinar vehicula. Vestibulum erat turpis, tincidunt eu felis sit amet, scelerisque bibendum sem. Nunc dignissim odio augue, in tempor nibh placerat in. Maecenas eget neque tincidunt, vulputate turpis a, hendrerit dui. Maecenas elementum nulla maximus cursus sollicitudin. Integer non mi ut dui aliquet pharetra eget consectetur nibh. Cras ac nisi nec orci vulputate porttitor. Praesent at metus vel felis consectetur varius.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-content -->

<!-- wp:accordion-content -->
<div class="wp-block-accordion-content"><!-- wp:accordion-header {"iconPosition":"left"} -->
<h3 class="wp-block-accordion-header accordion-content__heading icon-position-left"><button class="accordion-content__toggle"><span>Second Header</span><span class="accordion-content__toggle-icon has-icon-plus" style="width:1.2em;height:1.2em"><span style="display:inline-block;width:1.2em;height:1.2em;line-height:1.2empx;text-align:center;font-size:NaNpx;font-weight:bold;color:currentColor">+</span></span></button></h3>
<!-- /wp:accordion-header -->

<!-- wp:accordion-panel -->
<div class="wp-block-accordion-panel"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis ornare tempus. Nunc aliquet vehicula massa, quis tempor libero faucibus eget. Curabitur facilisis luctus ex in pulvinar. Sed quis diam tempus, porttitor nunc ac, imperdiet nulla. Duis velit mauris, auctor et interdum a, lobortis sit amet urna. Etiam rhoncus est in dignissim molestie. Duis ligula nunc, vestibulum ut hendrerit vel, semper eget massa. Sed finibus nibh rutrum, scelerisque massa in, hendrerit turpis.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non est non turpis pulvinar vehicula. Vestibulum erat turpis, tincidunt eu felis sit amet, scelerisque bibendum sem. Nunc dignissim odio augue, in tempor nibh placerat in. Maecenas eget neque tincidunt, vulputate turpis a, hendrerit dui. Maecenas elementum nulla maximus cursus sollicitudin. Integer non mi ut dui aliquet pharetra eget consectetur nibh. Cras ac nisi nec orci vulputate porttitor. Praesent at metus vel felis consectetur varius.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-content -->

<!-- wp:accordion-content -->
<div class="wp-block-accordion-content"><!-- wp:accordion-header {"iconPosition":"left"} -->
<h3 class="wp-block-accordion-header accordion-content__heading icon-position-left"><button class="accordion-content__toggle"><span>Third Header</span><span class="accordion-content__toggle-icon has-icon-plus" style="width:1.2em;height:1.2em"><span style="display:inline-block;width:1.2em;height:1.2em;line-height:1.2empx;text-align:center;font-size:NaNpx;font-weight:bold;color:currentColor">+</span></span></button></h3>
<!-- /wp:accordion-header -->

<!-- wp:accordion-panel -->
<div class="wp-block-accordion-panel"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque mattis ornare tempus. Nunc aliquet vehicula massa, quis tempor libero faucibus eget. Curabitur facilisis luctus ex in pulvinar. Sed quis diam tempus, porttitor nunc ac, imperdiet nulla. Duis velit mauris, auctor et interdum a, lobortis sit amet urna. Etiam rhoncus est in dignissim molestie. Duis ligula nunc, vestibulum ut hendrerit vel, semper eget massa. Sed finibus nibh rutrum, scelerisque massa in, hendrerit turpis.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam non est non turpis pulvinar vehicula. Vestibulum erat turpis, tincidunt eu felis sit amet, scelerisque bibendum sem. Nunc dignissim odio augue, in tempor nibh placerat in. Maecenas eget neque tincidunt, vulputate turpis a, hendrerit dui. Maecenas elementum nulla maximus cursus sollicitudin. Integer non mi ut dui aliquet pharetra eget consectetur nibh. Cras ac nisi nec orci vulputate porttitor. Praesent at metus vel felis consectetur varius.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-content --></div>
<!-- /wp:accordion -->

[t-hamano]

I can't replicate the problem either. It might be good to test on the nightly build version, not the released version.