fix: prevent scrollbars on accordion header and toggle

[R1shabh-Gupta]

What?

See #71446

Fixes visual scrollbars appearing on the Accordion block’s header and toggle button.

Why?

When expanding or collapsing a full width Accordion block, rotated toggle buttons previously caused horizontal scrollbar, which was flagged for user experience and accessibility concerns. Recent feedback noted a vertical scrollbar regression after the initial fix, requiring adjustment to overflow handling.

How?

Applies overflow: hidden to the .accordion-content__toggle CSS selector. This ensures both horizontal and vertical overflow from the toggle button are suppressed. References prior discussion in PR #71446 and suggestion from recent review comments.

Testing Instructions

1. Open a post or page in the editor.
2. Insert an Accordion block.
3. Set alignment to "Full width" in the toolbar.
4. Save and view the frontend.
5. Expand/collapse accordion header and verify no scrollbars appear.

Screenshots or screencast

Before

Before.mov

After

After.mov

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: R1shabh-Gupta <[email protected]>
Co-authored-by: t-hamano <[email protected]>
Co-authored-by: mikachan <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[t-hamano]

Thanks for the quick fix 🙏

[mikachan]

Works well, thank you! 🙇