[WASM/Skia/Android] Elements being clipped within a Grid with a negative margin

[kazo0]

Current behavior

Place a child Grid inside of a parent Grid. With a negative margin on the child Grid, it should not be clipped by the parent Grid.

Observe that the child Grid is being improperly clipped:

Expected behavior

WinUI behaviour:

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

<Grid Width="100"
	Height="100"
	Background="Purple">
	<Grid Margin="0, -4, -4, 0"
		Background="Yellow"
		VerticalAlignment="Top"
		HorizontalAlignment="Right">
		<Ellipse Height="30"
				Width="30" Fill="Red"/>
	</Grid>
</Grid>

Workaround

No response

Works on UWP/WinUI

Yes

Environment

Uno.UI / Uno.UI.WebAssembly / Uno.UI.Skia

NuGet package version(s)

No response

Affected platforms

Android, WebAssembly, Skia (GTK on Linux/macOS/Windows)

IDE

Visual Studio 2019

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

Works on iOS

[MartinZikmund]

@kazo0 Can you check if this still happens? I have checked with the repro and it seems the clipping does not happen anymore on any of the mentioned platforms

[Marc-Antoine-Soucy]

So, while testing, at the begining, I left a textblock that would tell me what version of Uno we were using, this is the result:

Windows:

Wasm:

Android:

Skia:

With the textblock, it seems to be fixed on Android, but still an issue on WASM and Skia (to a lesser extent)

Without the textblock it is fixed everywhere, should this be closed and another issue opened?

[jeromelaban]

@dr1rrb is it what #12428 will fix?

[dr1rrb]

@dr1rrb is it what #12428 will fix?

Unfortunately not

[Youssef1313]

#13391 might help. Let's see