PrometheanLink

This did not fix it but maybe its pointing in the right direction?

Why is the accordion displaying the full height at 100%?AI

Analyzing the prompt

Investigating accordion height and parent properties

The accordion is displaying at full height because its content is exceeding the available space within its parent container. This is due to the accordion’s display: block property, which allows it to expand vertically to accommodate its content. Since the content’s height (9608px) is much larger than the parent’s height (728px), the accordion overflows vertically.

To fix this, you can consider the following solutions:

• Limit the accordion’s height: You can set a max-height property on the accordion to restrict its vertical expansion. This will prevent it from overflowing its parent container. For example:

css

#customize-theme-controls {

max-height: 728px; /* Match the parent’s height */

overflow-y: auto; /* Add vertical scrollbar if content exceeds max-height */

}

Use code snippets with caution

• Change the accordion’s display property: Instead of display: block, you could use display: flex or display: grid and manage the layout of the accordion’s content using flexbox or grid properties. This would give you more control over how the content is arranged and prevent it from overflowing.
• Adjust the parent’s height: If possible, you could increase the height of the parent container to accommodate the accordion’s content. However, this might not be feasible depending on the overall layout of your page.

I recommend starting with the first solution, limiting the accordion’s height with max-height and adding overflow-y: auto. This is the most straightforward approach and should effectively prevent the overflow issue.