[Windows] Button font image source incorrectly sized on 8.0.10 when specifying a button HeightRequest

[MitchBomcanhao]

Description

From version 8.0.10, using a font image source on a button image source is incorrectly resizing its content when a heightrequest is set on the button, resulting in the UI having different sized elements and the font image itself looking blurry (and increasingly blurrier depending on how small you had set the size for the font image source).

[Note: version 8.0.10 is missing from the list of versions in this bug form, which is why I had to select "other". edit: now manually changed to 8.0.10].

Steps to Reproduce

1. add the following xaml to any page

<Button
               FontSize="18.75"
               HeightRequest="60"
               HorizontalOptions="Fill"
               Text="Button with height request set"
               TextTransform="Uppercase">
               <Button.ImageSource>
                   <FontImageSource Glyph="A" />
               </Button.ImageSource>
           </Button>
           <Button
               FontSize="18.75"
               HorizontalOptions="Fill"
               Text="Button without height request"
               TextTransform="Uppercase">
               <Button.ImageSource>
                   <FontImageSource Glyph="A" />
               </Button.ImageSource>
           </Button>

2. Expected:
   
3. Observed:
   

Link to public reproduction project repository

No response

Version with bug

8.0.10

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

8.0.7 SR2

Affected platforms

Windows

Affected platform versions

No response

Did you find any workaround?

Using MinimumHeightRequest instead of HeightRequest stops this issue.

Relevant log output

No response

[MitchBomcanhao]

when changing the font image source to include a small size, this is what it looks like
<FontImageSource Glyph="A" Size="10" />

top is unexpected
bottom is as expected

[MattePozzy]

Same issue here
with MAUI 8.0.7

with 8.0.10

The buttons have HeightRequest and the FontImageSource has Size.
Change HeightRequest to MinimunHeightRequest does not solve the issue.

  <Button
      CornerRadius="20"
      Margin="10"
      Command="{Binding ApriLoginCredenzialiCommand}"
      FontSize="{Binding LayoutSettings.ButtonFontSize}" 
      HeightRequest="{Binding LayoutSettings.ButtonHeight}" 
      Text="{lib:Translate AppMobileComuni.accediCredenziali}"
      ContentLayout="{Binding LayoutSettings.ButtonContentLayout}">
      <Button.ImageSource>
          <FontImageSource
              Size="{Binding LayoutSettings.IconFontSize}"
              FontFamily="FontIcone" 
              Glyph="{x:Static lib:MaterialFontIcons.CardAccountDetailsOutline}"/>
      </Button.ImageSource>
  </Button>

Issue found only on windows. On Android and iOS works like version 8.0.7.

[MitchBomcanhao]

@MattePozzy Yes I can confirm that the workaround is not functional when using ContentLayout. In this case you don't even need to use Height request to cause it to fail.

            <Button
                ContentLayout="Top, 30"
                FontSize="30"
                Text="Button with ContentLayout='Top, 30'">
                <Button.ImageSource>
                    <FontImageSource Glyph="A" />
                </Button.ImageSource>
            </Button>

which results in this

8.0.7

8.0.10

[PureWeen]

Can you test with the latest nightly build?
https://github.com/dotnet/maui/wiki/Nightly-Builds

[MitchBomcanhao]

@PureWeen it seems ok on these identified situations - but I've not done much testing around it. Used 8.0.20-nightly.10336