question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug] Label placed inside Frame does not render correctly, appears squished.

See original GitHub issue

MAUI Version: 6.0.100-preview.5.794

Description

If you create a new Frame and place a Label inside of it, the rendering is incorrect. It appears squished. It doesn’t seem to matter what the font size is nor the text alignment.

        <Frame BackgroundColor="#2196F3" Padding="24" CornerRadius="0">
            <Label Text="Welcome to your app!" HorizontalTextAlignment="Center" TextColor="White" FontSize="36"/>
        </Frame>

Steps to Reproduce

  1. Create a MAUI app.
  2. Add a Frame with a label nested inside it. You can use the sample code above to replicate it.

Expected Behavior

The text would render with the full width.

Actual Behavior

It always appears squished.

Basic Information

  • Version with issue:
  • Last known good version:
  • IDE:
  • Platform Target Frameworks:
    • iOS:
    • Android:
    • UWP:
  • Android Support Library Version:
  • Nuget Packages:
  • Affected Devices:

Screenshots

image

Reproduction Link

Workaround

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
anotherlabcommented, Oct 4, 2021

@PaulAnderson02 Thanks, that worked

1reaction
PaulAndersonScommented, Oct 4, 2021

Try setting the Frame’s Padding as “0”.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Xamarin Forms Label inside Frame not showing
2 Answers. Try to set <RowDefinition Height="Auto" /> to row's height so it should has the correct height for all controls. The actual...
Read more >
Prototype is distorted/glitched in presentation mode
I am doing some Usertesting, most of the other tests when perfectly. But with this one user the prototype is stretched and squashed....
Read more >
Problem with Plots or Graphics Device in the RStudio IDE
Depending on your screen size and plotting region, this plot may look normal or extremely squished. By changing the size of the plotting...
Read more >
UIStackView not laying out as expected in a UIScrollView
I'm attempting to put a (vertical) UIStackView in a UIScrollView, but it doesn't seem to want to scroll. Instead it it squishing all...
Read more >
Outlook HTML Emails: How to Fix 11 Common Rendering ...
Avoid Outlook rendering issues with email previews​​ The best way to avoid HTML emails that look bad in Outlook is to take a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found