[Material] TextBox header overlaps with text and placeholder in Skia.

[ADD-JoseRamon-Guillen]

Current behavior

Using a TextBox, if we set the header and the text or the placeholder, it can be seen that the header overlaps with the text or the placeholder, instead of staying in the upper part.

It does not happen on the initial rendering, but it does occur after focusing the TextBox (and keeps not working properly after that).

Expected behavior

The header should stay on the upper part, as the Figma design states, making the text or the placeholder easier to read.

How to reproduce it (as minimally and precisely as possible)

1. Open the attached solution and compile it.
2. Focus the TextBox.
3. It can be seen that the header overlaps with the placeholder in the TextBox.
4. Some text can be written in the TextBox, it will also be overlapped by the header.

Environment

Visual Studio 2022 17.14.8.

Nuget Package: Uno.Sdk 6.1.23

Package Version(s):

Affected platform(s):

I've tested only these platforms, and it only happens with Skia Rendering (on native WASM or WinUI it works properly).

• Desktop
• WebAssembly

Anything else we need to know?

This issue is a regression from Uno.Sdk 6.0.146. It works properly on that version, but it started happening on the new 6.1.23 version.

TextBoxHeaderOverlapsText.zip

[mikernet]

Happens on PasswordBox as well.

[agneszitte]

Can be tested starting with latest Uno.Sdk 6.3.0-dev.27 or above available version.

[ADD-JoseRamon-Guillen]

Tested, looks good on that version, thank you 👍