WAIT: Accordion element greater than page width

Bugs
1

Browser: Brave
OS: macOS

I am trying to use the nested accordion with a repeatable meta box query. Within my section, I set it up like: Block div → Header → Nested Accordion → Wrapper div (query for meta box group field) → 2 X div (one title (made of icon and header) and one with content (made of 2 custom fields) )

The issue is that the title extends beyond the page no matter if the display is flex, inline, grid, inline-block, the wrap is on - and it wraps over two lines, but still extends off the page. The width of the accordion does not align with the container. This then distort the whole page layout.

There is no max height set, nor are there any layout styles added. I tried disabling WP REST API render and disabled plugins .

2

I found out that it is not the accordion. It is using a “Block” in any capacity. If I don’t use a div, then it ruins the formatting - why might blocks cause this?

3

Hey Yasmine,

thanks for your report.

A link to your site would help a lot so we can see the issue and action.

Best,

André