Visual Editor flickering issue in nested flow when deleting / inserting

[yeze322]

Describe the bug

After inserting / deleting an action under a nested action type (IfCondition, SwitchCondition, Foreach), Visual Editor will be rendered twice (flickering).

Version

Browser

• Chrome
• Safari
• Firefox
• Edge

OS

• macOS
• Windows
• Ubuntu

To Reproduce

Steps to reproduce the behavior:

1. Create a IfCondition node
2. Create a nested IfCondition node under the true branch
3. Insert some nodes / delete some nodes under the nested true branch

Expected behavior

Screenshots

Additional context

[yeze322]

This issue is introduced by a latest feature PR #2005 .
In that PR, visual editor storaged all nodes' sizes into a global cache to avoid frequently re-computation of element sizes. It did help us having a stable layout.

However, with that cache mechanism, when user deleting / inserting a leaf node, parent nodes' sizes will still be loaded from cache instead of recalculating the size, it makes the layouter consumes an outdated size, then deletion/insertion of any nested node will cause flickering issue.

[yeze322]

The solution is making some improvements on layout cache management:

[yeze322]

The solution is making some improvements on layout cache management:

Addressed in #2176.
Fix it just as I described

[cwhitten]

addressed via #2176