Bug 22130 - [Android] Wrapped text in StackLayout flows out of parent element
Summary: [Android] Wrapped text in StackLayout flows out of parent element
Status: RESOLVED FIXED
Alias: None
Product: Forms
Classification: Xamarin
Component: Forms ()
Version: 1.0.6188
Hardware: PC Windows
: Normal normal
Target Milestone: ---
Assignee: Bugzilla
URL:
Depends on:
Blocks:
 
Reported: 2014-08-15 04:25 UTC by Tibor Ebner
Modified: 2015-01-19 00:59 UTC (History)
4 users (show)

Tags:
Is this bug a regression?: ---
Last known good build:


Attachments
Screenshot. (149.01 KB, image/png)
2014-08-15 04:27 UTC, Tibor Ebner
Details
XAML ContentPage for reproducing the bug. (1.58 KB, application/x-zip-compressed)
2014-08-15 04:31 UTC, Tibor Ebner
Details
Sample Application (2.52 MB, application/zip)
2014-08-22 07:31 UTC, Udham Singh
Details
Screenshot updated. (155.02 KB, image/png)
2014-11-05 07:42 UTC, Tibor Ebner
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 FIXED

Description Tibor Ebner 2014-08-15 04:25:37 UTC
By running the attached Android project in the solution it is easy to confirm that wrapped text overflows under some strange circumstances in both the horizontal and vertical directions. I found that padding has no effect on this, it just makes the buggy layout look cleaner. There is also a bonus bug in the screenshot, namely the false red background color of the sender of the first chat message, which may or may not be related to the overflow bug.
Comment 1 Tibor Ebner 2014-08-15 04:27:19 UTC
Created attachment 7698 [details]
Screenshot.
Comment 2 Tibor Ebner 2014-08-15 04:31:50 UTC
Created attachment 7699 [details]
XAML ContentPage for reproducing the bug.

The page was used in a PCL Forms project when reproducing the bug.
Comment 3 Tibor Ebner 2014-08-15 04:39:40 UTC
Confirmed on Android 4.1.1 and 4.1.2 (built for 4.1). I used Xamarin Studio for Windows.
Comment 4 Udham Singh 2014-08-22 07:31:10 UTC
Created attachment 7767 [details]
Sample Application

I have checked this issue and observed that child element(StackLayout - in green color) flows out of parent element. To reproduce this issue I have implemented the code provided in comment 2 and run the application on emulator.

Screencast : http://www.screencast.com/t/wlrqZmuplqXI

Environment Info:

=== Xamarin Studio ===

Version 5.2.1 (build 1)
Installation UUID: 312d4e9a-339c-433f-a27b-88ce0777af8f
Runtime:
	Microsoft .NET 4.0.30319.34014
	GTK+ 2.24.22 (MS-Windows theme)
	GTK# 2.12.25

=== Xamarin.Android ===

Version: 4.14.0 (Enterprise Edition)
Android SDK: D:\SDK\android-sdk
	Supported Android versions:
		1.6   (API level 4)
		2.1   (API level 7)
		2.2   (API level 8)
		2.3   (API level 10)
		3.1   (API level 12)
		3.2   (API level 13)
		4.0   (API level 14)
		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)
Java SDK: C:\Program Files (x86)\Java\jdk1.6.0_31
java version "1.6.0_31"
Java(TM) SE Runtime Environment (build 1.6.0_31-b05)
Java HotSpot(TM) Client VM (build 20.6-b01, mixed mode, sharing)

=== Build Information ===

Release ID: 502010001
Git revision: d06832ce9807d6be24aca225457e8b37c7669f6f
Build date: 2014-08-07 14:35:09-04
Xamarin addins: 1de032531be4cecf2f39dbee3b87aac78204058c

=== Operating System ===

Windows 6.2.9200.0 (64-bit)
Comment 5 Udham Singh 2014-11-04 03:10:50 UTC
Hi Tibor,

Could you please check this issue on current stable builds and let us know if this issue is still exist for you? If possible please have look on the screencast and 'Sample Application' attached in comment 4 and let us know if we missed anything.

Thanks
Comment 6 Tibor Ebner 2014-11-05 07:42:01 UTC
Created attachment 8629 [details]
Screenshot updated.

This screenshot was taken with Xamarin.Forms updated to v1.2.3.6257
Comment 7 Tibor Ebner 2014-11-05 07:52:09 UTC
Hi Udham,

I've uploaded a new screenshot that gives you an indication of the state of the matter. The situation has certainly improved but the text in labels with red background still overflows in the vertical direction for the 1st, 2nd and 4th list items. Only list item #3 looks OK. Please note that the green container (a StackLayout) has bottom padding of 12 which should be visible for all list items (like it does for item #3). I would say the green stack layouts have been cured by now but the red text labels are still broken.

Thanks,
Tibor
Comment 8 Udham Singh 2014-11-05 09:48:03 UTC
Thanks Tibor,

I have checked this issue again and observed that text in labels with red
background still overflows in the vertical direction for the 1st and 4th
list items. Only list items 3 and 4 looks OK and also observed that padding does not work for all list item. Please refer the screencast : http://www.screencast.com/t/gYvTYiPG8MN

Environment Info : 

=== Xamarin Studio ===

Version 5.5.3 (build 6)
Installation UUID: 3235da96-1cb2-43d5-a836-234fd96911c2
Runtime:
	Microsoft .NET 4.0.30319.18449
	GTK+ 2.24.22 (MS-Windows theme)
	GTK# 2.12.26

=== Xamarin.Android ===

Version: 4.18.1 (Business Edition)
Android SDK: D:\Backup_OldMachine\D Drive\SDK\android-sdk
	Supported Android versions:
		1.6    (API level 4)
		2.1    (API level 7)
		2.2    (API level 8)
		2.3    (API level 10)
		3.0    (API level 11)
		3.1    (API level 12)
		3.2    (API level 13)
		4.0    (API level 14)
		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)
		4.5    (API level 21)
Java SDK: C:\Program Files\Java\jdk1.7.0_67
java version "1.7.0_67"
Java(TM) SE Runtime Environment (build 1.7.0_67-b01)
Java HotSpot(TM) 64-Bit Server VM (build 24.65-b04, mixed mode)

=== Build Information ===

Release ID: 505030006
Git revision: fbe3e9453daf6a3bb9a9709ed22bec35f7c9056b
Build date: 2014-10-23 13:11:11-04
Xamarin addins: e44add2b39de4dd57c0742bb2e620dfad84c64c6

=== Operating System ===

Windows 6.2.9200.0 (64-bit)
Comment 9 Jason Smith [MSFT] 2015-01-19 00:59:00 UTC
Should be resolved in a recent version of forms