[WASM] `Canvas` incorrectly clips its children

jeromelaban commented 3 years ago

Current behavior

For the following XAML:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <ScrollViewer>
            <Canvas VerticalAlignment="Center" HorizontalAlignment="Center">
                <Line X1="50" Y1="0" X2="-100" Y2="100" Stroke="Black" StrokeThickness="5" StrokeStartLineCap="Round" StrokeEndLineCap="Triangle"/>
            </Canvas>
        </ScrollViewer>
    </Grid>

Uno 3.9 shows the following:

Expected behavior

UWP shows the following:

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

Workaround

Works on UWP/WinUI

Environment

Nuget Package:

[ ] Uno.UI / Uno.UI.WebAssembly / Uno.UI.Skia
[ ] Uno.WinUI / Uno.WinUI.WebAssembly / Uno.WinUI.Skia
[ ] Uno.SourceGenerationTasks
[ ] Uno.UI.RemoteControl / Uno.WinUI.RemoteControl
[ ] Other:

Nuget Package Version(s): 3.9.1

Affected platform(s):

[ ] iOS
[ ] Android
[ ] WebAssembly
[ ] WebAssembly renderers for Xamarin.Forms
[ ] macOS
[ ] Skia
- [ ] WPF
- [ ] GTK (Linux)
- [ ] Tizen
[ ] Windows
[ ] Build tasks
[ ] Solution Templates

IDE:

[ ] Visual Studio 2017 (version: )
[ ] Visual Studio 2019 (version: )
[ ] Visual Studio for Mac (version: )
[ ] Rider Windows (version: )
[ ] Rider macOS (version: )
[ ] Visual Studio Code (version: )

Relevant plugins:

[ ] Resharper (version: )

Anything else we need to know?

Youssef1313 commented 1 year ago

I think this will be fixed in https://github.com/unoplatform/uno/pull/13220