[Vaadin 19] Web Component generated by WebComponentExporter is not lined up

Description of the bug / feature

Web component generated by WebComponentExporter has by default:

:host {
    position: relative;
    display: inline-block;  <<<<<
}

Because of this when I put my web component in a simple servlet (according to the documentation) component is not lined up: Blue web component is inside a red div container. Its because web component with inline-block has alignment = baseline. I have to set manually vertical-align: top to get it lined up.

Expected behavior

I think web component generated by WebComponentExporter should be by default lined up.

Versions:

- Vaadin / Flow version: 19.0.0.beta4
- Java version: 8

[darmro]

Hi Yes. I have static html page with a simple div as a container (100% of height and width) and web component (generated by WebComponentExporter ) inside this container. I was surprised when I saw that this web component is not lined up and there is empty space above it. After quick investigation it turns out that it’s because web component is set by framework as inline-block (and has default alignment = baseline). I have to manualy set alignment in my static html to line component up. I think it should be done by default by framework 😃

[darmro]

I forgot to write that servlet url is /myapp/example