RichEditableText vertical alignment is ignored the control receives focus

Steps to reproduce:
1. Add a RichEditableText control to a new application
2. Set its height to 100%
3. Set its verticalAlign to "middle" and run
4. Give it some text value

Actual Results:
You will see the text is aligned to the top. But once you click inside the control the text aligns to the middle (as it should).

Workaround (if any):
Only happens to me when height is 100%

Here's a complete minimal app that recreates the bug:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
minWidth="636" minHeight="389" width="636" height="389"
>
<s:RichEditableText id="currentItem"
editable="true"
fontSize="23"
height="100%"
verticalAlign="middle"
enabled="true"
multiline="false"
tabFocusEnabled="false"
text="Aligned to top until clicked"
/>
</s:Application>