Is there any special reason that the order of Tree Panel is changed?

General
1

Hi,

When I drag and drop from the elements of Tree Panel into the grid parts of Design Panel,
the order of elements of Tree Panel is changed from the top to the bottom.

Is there any special reason for that ?
or
Can I set up for the order not to be changed ?

Thanks.

스크린샷 2022-03-28 오전 10.06.14
스크린샷 2022-03-28 오전 10.06.141648×1198 177 KB

스크린샷 2022-03-28 오전 10.05.53
스크린샷 2022-03-28 오전 10.05.53958×1574 88.6 KB

2

Hi @alexseo,
From your pictures I can’t tell completely what is going on, but the tree will represent your HTML. There are two modes, source - which shows the code as written, and DOM -which shows how the browser parses the HTML. For example, adding elements with JavaScript will change the DOM.
If your grid rearranges the order, however, the browser is still parsing the HTML the same way. It is being re-arranged at the CSS level. In fact, if you have multiple sections that you try navigating with the keyboard, you will see that they are in the order of the HTML, not the rearranged grid order. This can cause accessibility problems.
Hope this addresses your problem,
Bob