You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
Open a post or page in the editor.
Insert an Accordion block.
Set alignment to "Full width" in the toolbar.
Save and view the frontend.
Expand/collapse accordion header and verify no scrollbars appear.
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.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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
Screenshots or screencast
Before
Before.mov
After
After.mov