Stack Component has hidden min height

💬 App Building
1

  • Goal: Have a horizontal stack component with only one line text components inside

  • Steps: Add stack -> Set direction to horizontal and height to auto -> Add a text component -> Remove margin & padding of the stack

  • Result: Even though the text snippet has a much smaller size, the stack still keeps a greater height that cannot be reduced.

  • Screenshot:
    image

2 Likes
3

Hey @nikita_from_bunch

I think I'm seeing a different behavior :thinking: Any chance you could send me an app export? Are you seeing this on Cloud (Retool v3.129)?

image

4

Hi @Tess , thanks for looking into it!

While I am on self-hosted Retool v3.102.0, it does seem like we are experiencing the same behaviour – the actual text component that you have selected (blue border) actually has the correct height, whereas the stack (thick gray border) is a bit taller than the text component that it contains.

In my screenshot, the stack itself has a white background as well, which is why the screenshots look slightly different. Changing the background of the stack to red should visualise the issue better.

Thanks again!

1 Like
5

Yes, noted! Thank you. I'll follow up if I get an update on this internally

6

Encountered the same unexpected padding behavior today with a single-line component placed within a stack component. It only effect the bottom padding.
This issue specifically occurs when the stack's direction is set to horizontal; it does not appear with vertical stacking.

image

Both margin and padding are explicitly set to "none":

image
image285×402 6.73 KB

After a bit of testing: When padding is manually enabled to test its behavior, the component consistently applies a minimum padding of 4px. Padding increments occur in multiples of 4px, regardless of the configured padding value.

For example, setting padding to 5px results in an actual applied padding of 8px at the bottom:

image

This indicates that the stack component enforces padding values in increments of 4px, overriding the explicitly defined padding settings.

7

Hi @django,


Thanks for chiming in with these extra details! :pray: I will share this with our team

This bug is currently in our backlog, so I don't have any updates to share yet :disappointed: