[Bug] Label placed inside Frame does not render correctly, appears squished.
See original GitHub issueMAUI 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
- Create a MAUI app.
- 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
Reproduction Link
Workaround
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (1 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@PaulAnderson02 Thanks, that worked
Try setting the Frame’s Padding as “0”.