[GitHub] [royale-asjs] aharui commented on issue #617: Layout issues in Royale (High Priority)

[GitBox <gi...@apache.org>]

aharui commented on issue #617: Layout issues in Royale (High Priority)
URL: https://github.com/apache/royale-asjs/issues/617#issuecomment-565151355
 
 
   It turns out that Flex was using Arial and Royale was using Verdana so I changed the Royale emulation components to default to Arial.  That helps some, but the descenders on characters like g and y are getting cut off.  Flash and the browsers have different font rendering systems.  It appears that you can set the CSS line-height property to values like 0.9 and that will compress the vertical size of the font a bit and show descenders.  I'm not sure that Royale should default to an unusual line-height like 0.9 so I am not changing the Royale code at this time.  You can set line-height if you want in your app on the * or Spark Label CSS or turn off overflow:hidden on Spark Label and decide what looks best.  Or in some other cases change the width/height of the Label.  I don't think Royale can guarantee that if you set the dimensions of a text component to what the text measured in Flex that the browser will fit the text in those dimensions.
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services