Font size not adjusting for textArea across devices

[pmeadows]

I am using text and textArea widgets on the same page; and working iPhone 13 mini as default target device. Font size is set to the same (64) in both text and textArea. When I change the target device to iPhone SE, the font size in the text widget adapts well but the textArea does not (see screenshot / I was only allowed to upload one!). I cannot find any way to work around this issue. Thanks for your help.

Also, I note that it seems impossible to change the font size of textArea using any action, unlike a regular text widget.

iPhone SE:

[BeautyMore]

Hallo, sende mal das Projekt.

[pmeadows]

The project file is attached. It will probably default to iPhone 13 mini as target device. To replicate the problem, click on the second tab bar icon (looks like a pair of shoes) and then select the first item in the list (Seeking Growth). This should give you my expected view (see screenshot). Now, if you switch to iPhone SE as target device, the TextArea font size does not scale. I cannot make it scale using actions either.

Thanks for any help.

Test.flp (98.7 KB)

[pmeadows]

It appears that the problem may lie with the emulator and preview. The app seems to work as expected using Testflight on actual devices, i.e. iPhone 16 and SE.

[BeautyMore]

Hallo, ich habe es mir gerade angeschaut. Das Problem habe ich erkannt und gefunden. Aber ich habe noch keine Lösung. Komischerweise kann man in der Text Area keine Schriftgröße Festlegen.

Ich Arbeite mit Text Area und bei mir kann ich jede Schriftgröße festlegen.
Automatisch passt es sich an jedes Gerät.

Bis Morgen habe ich denke ich eine Lösung ohne das ganze Project umzubauen.

[pmeadows]

"Hello, I just looked at it. I recognized and found the problem. But I don’t have a solution yet. Strangely enough, you can’t set a font size in the Text Area. I work with Text Area and I can set any font size. It automatically adapts to any device. Until tomorrow I think I have a solution without rebuilding the whole project.”

Thanks. Grateful for any suggestions!

[Vladimir_PV]

На сколько я понимаю это просто адаптация под экран устройства. Это как в десктоп, чем меньше разрешение экрана тем крупнее на нем будут выглядеть объекты

As far as I understand, this is simply an adaptation to the device screen. It’s like on a desktop, the lower the screen resolution, the larger the objects will look on it.

[pmeadows]

Thanks Vladimir. I know what you mean, but it is not that simple. If I create a simple new page with a Text widget (TW) and a TextArea (TA) widget:

(1) I can change the font size in TW but not TA in the project editor.

(2) I can change the fontsize of TW using actions, but not TA.

(3) When switching devices (from iPhone 13 to SE), the font size in TW will adapt (see top text box in OP images) but not in TA (bottom text box in OP images).

Perhaps you could try replicate these conditions?

Many thanks.

[Vladimir_PV]

Попробуйте управлять шрифтом так
Try to manage the font like this

размер шрифта

TestFontSize.flp (1.5 MB)

[BeautyMore]

Guten Morgen, ich habe mehrere Varianten ausprobiert und getestet. Unteranderem habe ich es so ähnlich wie Vladimir. Gibt es denn hier nicht noch eine konservativere Lösung.

[pmeadows]

Thanks for this Vladimir. Seems like a rather complex solution! Can you send me the updated project?

Also, I suppose my question is why is this a problem at all? Is it that TextArea widgets are not scalable in the same way that Text widgets are? And, if so, is this a bug?

As I have been testing on real devices, it appears that the TextArea widget does scale as expected. The Flipabit navigator and preview are not WYSIWIG in this regard.

[felyks]

If I may chip in a bit. I’ve been quite busy with an issue on the Text Area widget myself, came across your post and briefly decided to see what could be done in response to your earlier question.

(And yes, sometimes work-arounds may end up being complex because we usually attempt going around an originally intended method)

Things to note:

1. For some reason the font size of a Text Area widget cannot be changed under the Text tab, however, it can be changed manually or by action using the HTML tag: <font size="1"> prepended before your text (where 1 is the font size). The font size can be adjusted in the HTML tag as needed and is reflected both on the editor and preview mode.

2. The placeholder assumes the font size specified for the Text Area widget and since it cannot be changed, the placeholder font size cannot be changed as well. However, you can delete the existing placeholder and set a new one by action: Project > changed > Text Area > Property > Form > placeholder (under “Arguments”, set const value to your new placeholder with the same HTML tag prepended).

3. The cursor position of a Text Area widget cannot be changed by action, meanwhile, as HTML tags are prepended when typing, the cursor position moves to 0 (the extreme left) and therefore a combination of actions must be used to move the cursor back to the right to allow for continuous typing.

Here’s an adjusted version of your project which explains what I mean. I hope you find it helpful.

Test update.flp (98.9 KB)