UI jumps when hidden components are shown or not

💬 App Building
,
1

Hiya!

In my app, a few components should be hidden depending on a dropdown. Below, are the screenshots of when some components are hidden or shown depending on the 'Company type' dropdown:

Screenshot 2025-03-19 at 09.00.22
Screenshot 2025-03-19 at 09.00.221424×518 46.7 KB

Screenshot 2025-03-19 at 09.00.39
Screenshot 2025-03-19 at 09.00.391428×508 52.4 KB

I made it so that 'registration type' does not maintain its space when hidden but all components below it still move one space (in the screenshot the 'Country' component). This is an issue that I had a while ago but then it suddenly vanished. Now it is back everywhere and I have no clue how to fix it. Is this a setting that I have to alter?

Thanks!

2

Hello @Allys1098,

1. Adjust Component Container Behavior

  • Go to Container settings (if you are using a container).
  • Enable "Auto height" so that the layout dynamically adjusts to the hidden elements.

2. Recheck Layout Settings in Retool

  • Check "Maintain space when hidden" is enabled for the hidden component .

image

4 Likes