I have a very simple component which, to my surprise, is rendered differently on different platforms despite being hosted inside a BlazorWebView.
On Windows, its rendered as expected. On Android, however, the text is not centered. How is this possible? I do not believe I have any platform-specific code.
And is it possible to resolve this issue, and get consistent output on both/all platforms?
The component:
<div Style="height:250px;background-color:coral;align-content: center;"><p style="text-align: center;">No items</p></div>I have also re-created the component in MudBlazor here (same result): https://try.mudblazor.com/snippet/cumIbaGmMclCKdsj
Windows rendering:
Android rendering:

