Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Native Development

Posts: 188
Registered: ‎07-19-2012
My Device: Z10 LE

Re: Cascades multi line Label with text wrapping

[ Edited ]

Further to this, using a un-editable TextArea within a ListView item affects the scrolling behaviour of the parent ListView. Touching the TextArea directly will prevent the ListView from scrolling, whereas touching any other area of the screen will cause the ListView to behave as normal.


My QML code:


TextArea {
	        // Multiple lines currently not implemented
	        id: txtTweetContent
	        editable: false
	        focusable: Focusable.None
	        text: "Hello, this is some text that I would be typing on twitter if I were actually using twitter. I aim for this to be 140 characters long. Stop."
	        preferredWidth: 608
	        textStyle.size: 36
	        leftMargin: 100
	        topMargin: 0
	        bottomMargin: 0

	        layoutProperties: StackLayoutProperties {
                horizontalAlignment: HorizontalAlignment.Right
                 verticalAlignment: VerticalAlignment.Top


Did this post help you? If so, please make sure to "like" it!
Posts: 278
Registered: ‎07-25-2008
My Device: Passport

Re: Cascades multi line Label with text wrapping

I can confirm that I'm seeing this behavior as well.


If you use a TextArea as the root of your ListItemComponent, it pretty much locks up usability of the whole ListView.  If its some piece of a container, then at least you still have something you can touch-scroll from.

BlackBerry Development Advisor (Retired)
Posts: 155
Registered: ‎07-16-2012
My Device: Dev Alpha

Re: Cascades multi line Label with text wrapping

Please raise the issue in Issue Tracker: http://supportforums.blackberry.com/t5/Java-Development/Developer-Issue-Tracker/td-p/271768





Posts: 296
Registered: ‎02-14-2012
My Device: Nokia N950 / BB Playbook

Re: Cascades multi line Label with text wrapping

This works for me:

touchPropagationMode: TouchPropagationMode.None

 You have perhaps to remove the "focusable: Focusable.None"


Happy hacking! :smileyhappy: