[Bug] Wrong padding of Message element when widget is loading or empty

[hieunguyen2211]

Reproducible in vscode.dev or in VS Code Desktop?

• Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

• Not reproducible in the monaco editor playground

Monaco Editor Playground Code

No response

Actual Behavior

The vertical padding of the message element hides the border of the outside container.

Expected Behavior

The message element is rendered totally inside of the outside container.

Additional Context

This bug happened when I upgrade monaco-editor from version 0.21.2 to version 0.22.0. Currently, I need to customize the padding of message element by myself but I think it would be better if monaco-editor fix it inside their code.

[hieunguyen2211]

Another problem is that I tried to upgrade monaco-editor to the latest version, which is 0.33.0, the message element is even rendered outside of the container (as I can see in the picture below).

The workaround by customizing the vertical padding of the message element (padding-top: 0; padding-bottom: 0) that I mentioned above did not work as expected anymore.

As you can see, the content of the message element doesn't align center in a vertical direction anymore.

[hieunguyen2211]

In version 0.33.0, I finally can align correct the message element by adding this workaround style:
position: absolute;
top: 0;