Hi Shibani,

There is no grid in the accordion layout. There is a dynamic layout for the overlay header, and then, in this case, an accordion layout containing three dynamic layouts, each containing a paragraph rule to display the content. The reason the dynamic layouts are used is because un-ordered lists are not rendered correctly when a paragraph rule is placed directly in the accordion layout. A custom CSS class was also placed on the dynamic layouts containing the paragraph rule to correct the un-ordered list display, as suggested by Pega Support.

The initial load does not require a scroll bar.

Once you open section 3, the end of the content is cutoff and there is no scroll bar provided. Scroll bar shown in these images are for the application.

If I reverse this layout, and load section 3 first, the scroll bar is visible, and the overlay has no issues with going back and forth between sections, showing the scroll bar when necessary. The order of sections is determined by the importance of information being presented to the user, so I can't show section 3 first.

Here is the layout setup:

Hope this helps.