Modifying the structure of a block does not trigger widgets to be repositioned

[maribethb]

Check for duplicates

• I have searched for similar issues before opening a new one.

Description

If a warning icon is added or removed during field editing, the field is not rendered correctly.

related to the rendering queue and might be related to #7068 ?

Reproduction steps

1. Open Block Factory
2. Drag two value input blocks into the inputs input. Notice how they each have a warning now due to conflicting names.
3. Change the name of one of the inputs. The warning disappears, and the underlying block is resized. But the text input html element is now in the wrong place because it did not move when the block was resized.
4. Click outside the field to end editing / close the widget div.
5. Change the name back to NAME. The warning reappears, causing the same problem again.

Stack trace

No response

Screenshots

Browsers

No response

[BeksOmega]

Not related to render queueing. Repros back to at least 2020: https://20200123-dot-blockly-demo.appspot.com/static/demos/blockfactory/index.html

[BeksOmega]

Actual problem is that modifying the block does not trigger the widget div / widgets to reposition.

Alternative reproduction steps:

1. Open the playground.
2. Load the following JSON into the playground.

{
  "blocks": {
    "languageVersion": 0,
    "blocks": [
      {
        "type": "text"
      }
    ]
  }
}

3. Click on the text input field.
4. Run the following code in the browser console.

Blockly.getMainWorkspace().getTopBlocks()[0].getInput('').insertFieldAt(0, 'bump');

5. Observe how the text input widget is mispositioned.
   

Note that the originally reported issue could be fixed by using a validator instead of a change listener, so that the warning icon is added before the rerendering of the field (triggered by the field edit) is completed.