NO BUG: Basic Text font-size behaviour

Bugs
1

Bricks Version: 1.5.6
Browser: Brave / Chrome
OS: Android
URL: Testpage1 - bricks.dynam-it.be & Testpage 2 - bricks.dynam-it.be

Strange behaviour of Basic text element on mobile.

2022-10-27 00.23.11
2022-10-27 00.23.111080Ă—2183 89.2 KB

2022-10-27 00.24.21
2022-10-27 00.24.211080Ă—2183 217 KB

When there is only one basic text element with short text font-size is smaller then it’s supposed to be.
(Testpage 1 screenshot)
After adding another basic text element with longer text in the same container, font-size of both elements increases to the expected size and the text of the first element wraps on 2 lines.

In both cases no additional styling is applied, no changes have been made to default settings in bricks

I also noticed that when adding the 2nd basic text block in a new section/container font-size is not changed.

What could be causing this?

2

The “Hello World” text on both those pages appear in the same size and w/o line wrapping for me. Tested in Chrome and Safari on macOS.

3

I experience this on Chrome on Android.
When using Chrome on Windows and in the inspect tool everything is fine indeed.

4

works the same in Chrome Android for me (Google Pixel 7 Pro).

Screenshot_20221029-174521
Screenshot_20221029-1745211440Ă—3120 102 KB

Screenshot_20221029-174538
Screenshot_20221029-1745381440Ă—3120 229 KB

5

It looks like the behaviour depends on the fontsize set on the device. When I set a larger textsize for my device the result is as shown in my first 2 screenshots.
If I set it to a smaller fontsize, it’s like in you screenshots.
Weird that a larger fontsize on device seems to behave differently depending on the length.

Guess it’s an Android bug rather than a Bricks bug :slight_smile: