Render issues in browser - SOLVED

[StephB]

Fun facts with my problem.
I'm using HTML template to draw my pages.
To draw this page as expected, I'm using this html code :

Code:

<div class="mb-4">
    {%IWLabelGroupTitle class="h4 mb-4"%}
    {%IWGridAnswers%}
</div>
<div>
    {%IWRegionQuestions class="d-flex flex-column mb-4"%}
</div>

This code returns this page, same than in my 1st post :


If I swap my grid and my region in the HMTL code :

Code:

<div class="mb-4">
    {%IWLabelGroupTitle class="h4 mb-4"%}
    {%IWRegionQuestions class="d-flex flex-column mb-4"%}
</div>
<div>
    {%IWGridAnswers%}
</div>

I get this page, every new frame is added after 2nd frame instead of 4th frame :


And finally, if I remove my grid from the HTML code :

Code:

<div class="mb-4">
    {%IWLabelGroupTitle class="h4 mb-4"%}
</div>
<div>
   {%IWRegionQuestions class="d-flex flex-column mb-4"%}
</div>

I get this page :

This result is OK, frames are in the correct order.
But, even if the grid is not added to my HTML template, the grid is drawn at the end of the page.


I don't understand why my region is impacted by the presence and the position of the grid on the page.
Any idea ?