Layout bug when previewing

Questions about Thunkable
1

Project link: Thunkable

image

I have a layout set up like this next screenshot, with Column1 (orange) set to 80 pixels height and Button1 (green) set to 80 pixels height and 60 pixels width inside Row1 (no color) set to Fit Contents height that is then inside Column2 (yellow) set to Fit Contents height. All column and row widths are set to Fill Container.

image
image522×1074 16.5 KB

Below is the Live Test in Thunkable Live on the left and the browser Preview on the right:

IMG_2496
IMG_2496828×1792 42.5 KB
image
image690×1180 4.51 KB

Why are these so different? I would expect both screenshots to look like the Thunkable Live screenshot on the left. It seems like the browser Preview is not respecting the height properties for any of the row or column components.

1 Like
2

If I remember correctly, there is a layout bug when using a specific size in one side and Fill container in the other. You need to set the width to relative 100%. The screen scroll should be false too.

3

Yes, you’re correct. Scrollable was false but when I change the width to relative 100%, it fixed the preview issue.

Also reported here: Previewed row & column heights aren't accurate · Issue #1121 · thunkable/thunkable-issues · GitHub

1 Like
4

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.