Large Text Box Font Size Display Issues on iOS

Hi, I believe there is a bug where any font size above 55 does not display correctly on iOS. The pictures below show a text box with a font size of 55, 56, then 80 respectively. Resizing the text box doesn’t fix the issue or change the text display. This affects both text boxes with linked variables and text boxes with linked record placeholder fields. It affects text and numerical input. It doesn’t affect date time input weirdly. Wondering if anyone has any work-arounds?



Related bug is that when clicking around text boxes the font size field for the widget won’t correctly update. (This was tested in Firefox and Chrome and does seem to be browser independent). If you click from one text box directly to the next this issue occurs. If you click on a text box, then click on nothing, so no widget is selected, then click on another text box, the issue does not occur.

hello @Ethan, thanks for posting!!

have you tried enabling the Multiple Lines setting for the input widget?? if the Input Widget is large enough, it will allow for the entire input to be displayed.

without Multiple Lines enabled:

with Multiple Lines enabled:

to enable this for an Input Widget, you can toggle the following:

let us know if this works for you!!

Oh, yes, sorry, forgot to say I was avoiding the multiple lines input because if a user accidentally presses return on the keyboard it looks as if the text disappears. That is, if you have a multi line setting on a text box that is actually sized for only one line. This isn’t critical for me, the size 55 font will work fine, this is just more of a bug alert. Is there a better place to send bugs that I don’t necessarily need fixed or a resolution to?

ahh, got it @Ethan!!

you can drop your suggestions into Product suggestions - Tulip Community and someone from our Product team will look into it. I have changed the category for this topic.

Reopening this topic: I’m having similar problems with font size displaying incorrectly on an android tablet. I discovered it when I saw my button text was running onto two lines on the android.

Here’s the screen on Android:

and here is the same screen on PC:

The button itself is size 28 font, the button is 225 x 94.

I thought maybe the app ratio was off. I made a blank step and filled it with placeholder text. Here it is on PC:

…and on Android:

There’s 4 lines of text missing on the Android screen. No matter what the app resolution was, the problem was remaining the same. It appears that Android 28pt font is just bigger than PC 28pt font.

It would save me a lot of design work if the font displayed the same on both Android and PC. I know now that I need to check between both screens as I’m designing, but I wanted to share what I learned about the bug.

Thanks for your time,
-Katie

1 Like