"Cafe" text in <Text> element displayed as "Ca..." on iOS device

fuse --version
Fuse version 1.5.0 (build 15046)
Copyright (C) 2017 Fusetools
macOS High Sierra Version 10.13.2 (17C205)

How to reproduce:

  • git clone git@github.com:poul-kg/CafeTestFuse.git
  • cd CafeTestFuse
  • fuse preview
  • fuse preview -t=iOS
  • 3rd element’s text displayed as Ca..., change the text of the 3rd element to Cafee, text of the element on device changes to Cafee.
  • Issue: Cafe is displayed as Ca...?
  • If we remove SFProTextRegular font and then try again, it works

on iOS device see the third element

  • if I add padding to the text it helps, but isn’t it something weird?

Tried to test, but I’m getting an error about the font file being an unsupported format. I’d stop at that.

The ellipse is added automatically on mobile targets when text doesn’t fit inside of the parent container. Since in your case the text is what should be pushing the parent boundaries, we can conclude that the bounding box for the Text element is calculated incorrectly (or too early, perhaps?), and that’s likely because of the exotic font you’re using.

Unfortunately I don’t think there’s much we can do at this point, so you’ll need to use the padding-workaround you found.