Text spacing issues with some fonts

Bug Reports
1

It seems like the small dots and circles that we have above some of our characters, gets clipped on iOS with certain fonts. But it’s only on the first line. I’ve tried with adding additional LineSpacing/Padding/Margin but can’t get it fixed. Works fine in the Fuse Preview and on Android.

MainView.ux

<App Theme="Basic">
  <DockPanel>
    <Text LineSpacing="10" Margin="50" Padding="10" TextWrapping="Wrap" FontSize="32" Value="ÅÄÖÅÖÄÖÅÖÄÖÅÄÖÅÖÄ">
      <Font File="Assets/Fonts/DKPlakkaat.ttf" />
    </Text>
  </DockPanel>
</App>

Fuse Preview

Preview
Lj3okYq.png371×663

iOS preview/build

Image of Yaktocat
HTz2xpY.png640×1136

2

To avoid being covered by the top status bar you want to use a ClientPanel there instead of the DockPanel.

You can read more about these things here: https://www.fusetools.com/learn/fuse#status-bars

3

Remi Pedersen wrote:

To avoid being covered by the top status bar you want to use a ClientPanel there instead of the DockPanel.

You can read more about these things here: https://www.fusetools.com/learn/fuse#status-bars

That is not whats causing this problem tho. The issue will still be there even if I replace the DockPanel with ClientPanel.

4

Very good point! I’ve raised a ticket on it.

5

It appears the iOS API we’re using for rendering does not properly calculate the size of the rendered text. This is resulting in the clipping you are experiencing.

We are planning on using a newer API on iOS which is known to resolve the issue. Unfortunately we cannot find a short-term solution, the defect in the API is known, but remains unfixed. :frowning:

If it becomes a significant blocker we have some potential workarounds, but they aren’t pretty, and we’d prefer to avoid them.

6

We found a different style of the font that seems to be working now.