Block html not logically ordered

Expected Behavior

Block html should be ordered in a logical and “readable” manner

(This is a crude interpretation of the suggested structure, purely for demonstration)

<block>
    <text>set</text>
    <variable>variable</variable>
    <text>to</text>
    <child>
        <input>480<input>
        <text>/</text> 
        <input>256</input>
    </child>
    <block-stack>
        ...
    </block-stack>
</block>

Logical organization following the rendering

Actual Behavior

(again a crude interpretation of the actual structure, purely for demonstration)

<block>
    <child>
        <input>480<input>
        <input>256</input>
        <text>/</text>
    </child>
    <block-stack>
        ...
    </block-stack>
    <text>set</text>
    <variable>variable</variable>
    <text>to</text>
</block>

Here is that same structure, if it actually was reflected in the block rendering

Steps to Reproduce

Inspect the html of any blocks/stack in the editor

Operating System and Browser

Windows NT 10.0, Chrome 86.0.4240.111

[BryceLTaylor]

This is by design. The rendering of the blocks is independent of the html representation.

[kchadha]

The block xml is supposed to be agnostic of how the block is laid out. In particular, something that is not reflected in this issue description is that the block XML has named inputs. These are important for being able to layout the block inputs in different orders (e.g. in different languages) while keeping the block XML exactly the same regardless of which language the block is rendered in.

For example here is the same block in English vs. Japanese, notice that the text and inputs are in different orders:

Some languages will have even more of a drastic difference than this.