Bug 45087 - [Forms iOS] Text wrapping on a label causes layout misalignment and missing rounded corners
Summary: [Forms iOS] Text wrapping on a label causes layout misalignment and missing r...
Status: RESOLVED ANSWERED
Alias: None
Product: Forms
Classification: Xamarin
Component: iOS ()
Version: 2.3.2
Hardware: PC Mac OS
: Highest normal
Target Milestone: ---
Assignee: Samantha Houts [MSFT]
URL:
Depends on:
Blocks:
 
Reported: 2016-10-05 22:15 UTC by Ashley Gazich [MSFT]
Modified: 2017-07-12 21:40 UTC (History)
10 users (show)

Tags: ac, ExPT, xamexttriage, ios
Is this bug a regression?: ---
Last known good build:


Attachments
Fixed Reproduction (564.07 KB, application/x-zip-compressed)
2017-07-12 21:40 UTC, Chris King
Details


Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.


Please create a new report on Developer Community or GitHub with your current version information, steps to reproduce, and relevant error messages or log files if you are hitting an issue that looks similar to this resolved bug and you do not yet see a matching new report.

Related Links:
Status:
RESOLVED ANSWERED

Description Ashley Gazich [MSFT] 2016-10-05 22:15:22 UTC
### Description

Non-public customer report via https://kb.xamarin.com/agent/case/375491

When the text for a label is long enough that it has to be wrapped, text is wrapped as expected, but the layout does not render correctly. For instance, some labels do not have rounded corners and appear “cut off” at some edges, while others are misaligned or have a gray edge.

> looks like xamarin can't determine exact elements size
> on some items corners is not rounded
> i think that it's because of wrong children sizes calculation

This issue is not present on the corresponding Forms Android project.


### Versions tested

Xamarin.Forms 2.3.2.127
Xamarin.Forms 2.3.3.152-pre2


### Version info (from Xamarin support testing)

=== Xamarin Studio Enterprise ===

Version 6.1.1 (build 15)
Installation UUID: 3bf0795e-4e95-43d1-847f-d23b467050f6
Runtime:
	Mono 4.6.1 (mono-4.6.0-branch-c8sr0/ef43c15) (64-bit)
	GTK+ 2.24.23 (Raleigh theme)

	Package version: 406010005

=== NuGet ===

Version: 3.4.3.0

=== Xamarin.Profiler ===

Not Installed

=== Xamarin.Android ===

Version: 7.0.1.3 (Xamarin Enterprise)
Android SDK: /Users/ashleyg/Library/Developer/Xamarin/android-sdk-macosx
	Supported Android versions:
		4.0.3  (API level 15)
		4.1    (API level 16)
		4.2    (API level 17)
		4.3    (API level 18)
		4.4    (API level 19)
		4.4.87 (API level 20)
		5.0    (API level 21)
		5.1    (API level 22)
		6.0    (API level 23)
		7.0    (API level 24)

SDK Tools Version: 25.2.2
SDK Platform Tools Version: 24.0.3
SDK Build Tools Version: 24.0.3

Java SDK: /usr
java version "1.8.0_101"
Java(TM) SE Runtime Environment (build 1.8.0_101-b13)
Java HotSpot(TM) 64-Bit Server VM (build 25.101-b13, mixed mode)

Android Designer EPL code available here:
https://github.com/xamarin/AndroidDesigner.EPL

=== Xamarin Android Player ===

Not Installed

=== Apple Developer Tools ===

Xcode 8.0 (11246)
Build 8A218a

=== Xamarin.iOS ===

Version: 10.0.1.10 (Xamarin Enterprise)
Hash: ad1cd42
Branch: cycle8-sr0-xi
Build date: 2016-10-03 15:18:44-0400

=== Xamarin.Mac ===

Version: 2.10.0.105 (Xamarin Enterprise)

=== Build Information ===

Release ID: 601010015
Git revision: fa52f02641726146e2589ed86ec4097fbe101888
Build date: 2016-09-22 08:03:02-04
Xamarin addins: 75d65712af93d54dc39ae4c42b21dfa574859fd6
Build lane: monodevelop-lion-cycle8-sr0

=== Operating System ===

Mac OS X 10.11.6
Darwin ashleyg.local 15.6.0 Darwin Kernel Version 15.6.0
    Mon Aug 29 20:21:34 PDT 2016
    root:xnu-3248.60.11~1/RELEASE_X86_64 x86_64
Comment 3 Chris King 2017-07-12 21:40:29 UTC
Created attachment 23507 [details]
Fixed Reproduction

Added MinimumWidthRequest = 45 to `v` StackLayout. Added LayoutSubviews override to RoundedCornersFrameRenderer. Reproduction now works as expected.