Mutator bubble gets misconfigured if sub-block gets wider

[joseluiz98]

Describe the bug
If a flyout block gets wider inside a mutator bubble for any reasons (e.g a wider dropdown option label), the flyout width doesn't resize itself, this causes a mix between the bubble flyout and the bubble workspace, a 'weird' behavior for the user.

To Reproduce

Just create a simple mutator on a block, in this block put a FieldDropdown with two options - one with a short label (e.g 'test'), and another one with a much wider option (e.g 'testing this bubble mutator grow ability), and see the magic.

Expected behavior

I have two behaviors in mind that, for me, solve this problem:

1- Grow up the bubble as its contents get wider
2- Implement a 'ellipsis' such as CSS have the 'ellipsis-overflow' option, basically, the dropdown option would be abbreviate if it's too long.

Screenshots

I made up a quick gif to show this, see:

click here
or click here, to see it bigger

[alschmiedt]

Just some additional context. It looks like the flyout is getting resized, but the position of the block in the workspace and the size of the bubble are not getting updated properly.

Shows the flyout a bit better:

[joseluiz98]

Just some additional context. It looks like the flyout is getting resized, but the position of the block in the workspace and the size of the bubble are not getting updated properly.

Shows the flyout a bit better:

Yep, you're right!