Refreshing a section containing collapsible header makes the resulting header look displaced
I have a situation where there is a dynamic layout that contains a collapsible header. This section is in a repeating grid.
The results on this section is rendered upon invoking a submit button in a different section. This button has a 'refresh other section' (which references the section above). All works ok except the following scenario:
I click submit, the results are displayed in expanded format. - that is ok
I collapse the results back and then click submit AGAIN. This time, the result is collapsed but the entire section is displaced. See screen shots before and after.
The first screen shot shows what is first displayed when the submit button is invoked.
I then 'collapsed' the results and hit submit AGAIN. The result is a collapsed result BUT the header is OFF (See the second screen shot)
Any advise is greatly appreciated. I am working on 7.2
The issue is when I click 'submit' after previously having collapsed the results. The submit button has a 'refresh other section'. Please see the latest image. You will notice that the 'header "Flexible Mortgage' appears in the middle with the empty space around it.