InfoBadge size and alignment is inconsistent with WinUI

[MartinZikmund]

Current behavior

Expected behavior

No response

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

No response

Workaround

See InfoBadge sample in Uno Gallery

Works on UWP/WinUI

Yes

Environment

No response

NuGet package version(s)

No response

Affected platforms

No response

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

[ajoh504]

Hi, I would like to work on this issue.

[MartinZikmund]

Hi @ajoh504 , assigned to you! Let me know if you need any help👍

[ajoh504]

Hi @MartinZikmund, @jeromelaban , I'm attempting to build out a sample Uno app that uses an InfoBadge so I can recreate the issue. But I receive the following error:

Error XLS0414 The type 'InfoBadge' was not found. Verify that you are not missing an assembly reference and that all referenced assemblies have been built.

Here is my markup:

<Page
    x:Class="SampleUnoApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SampleUnoApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"    
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Button Width="200" Height="60" Padding="4"
        HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
        <Grid>
            <SymbolIcon Symbol="Sync"/>
            <InfoBadge x:Name="buttonInfoBadge"
                        Background="#C42B1C"
                        HorizontalAlignment="Right" 
                        VerticalAlignment="Top"
                        Width="16" Height="16">
                <InfoBadge.IconSource>
                    <FontIconSource Glyph="&#xEA6A;"/>
                </InfoBadge.IconSource>
            </InfoBadge>
        </Grid>
    </Button>
</Page>

I also receive the following warning:

Warning WMC0001 Unknown type 'InfoBadge' in XML namespace 'http://schemas.microsoft.com/winfx/2006/xaml/presentation' SampleUnoApp.Windows

[ajoh504]

I went ahead and unassigned myself. I will need to focus on building up my programming skills before contributing code to Uno. Thank you to the maintainers for assigning this issue to me, and I hope to contribute code to Uno in the future!