Details
-
Improvement
-
Status: Open
-
Major
-
Resolution: Unresolved
-
Adobe Flex SDK 4.6 (Release)
-
None
-
None
-
Affected OS(s): All OS Platforms
Affected OS(s): All OS Platforms
Browser: Internet Explorer 8.x
Language Found: English
Description
Steps to reproduce:
Create a mobile app that uses a TextArea component as shown below. Test on the desktop or on an actual device.
<s:TextArea
editable="false"
selectable="false"
skinClass="spark.skins.mobile.TextAreaSkin"
text="Lorem ipsum"/>
Actual Results:
The TextArea is taller than the text, which makes it appears to have extra lines.
Expected Results:
The TextArea height should size to fit the text height by default. The documentation for mobile development states that TextArea or TextInput should be used when embedding fonts in a mobile application. To achieve Label like functionality using the mobile TextAreaSkin, we'd need the TextArea to resize to fit the text. If it does not resize based on the text height, then the text layout looks poor and is difficult to manage.
Workaround (if any):
Extending the TextAreaSkin and setting the measuredDefaultHeight to zero seems to yield the desired functionality.