Container expanding inconsistently

💬 App Building
1

  • Goal: I have an issue with a container component where depending on how I expand the split screen, the container will span a huge portion of the screen.

  • Steps: I've tried reproducing the issue and it's consistent when I select the "Edit" option from my table to open my split screen.

  • Details: I'm using a table with row action to show my split screen pane with the container component highlighted yellow containing text.

  • Screenshots:

  • Normal

    image
    image1920×850 94.1 KB

  • What happens when I click Edit

    image
    image3820×1854 429 KB

  • A video to show you how it happens: CleanShot 2024-10-22 at 20.27.02 · CleanShot Cloud

2

Hi @tiffany :slight_smile: thanks for reaching out and providing the walkthrough video, that's really helpful! :raised_hands:

I have two follow-up questions:

  • Does this only happen when using the edit row action?
  • You can also try checking the height property on the component when the side panel is open, you could set it to fixed (it is set to auto by default), so it will be the same height regardless.
3

Hi @pascual - thanks for the quick follow up! This only happens when I select this button from my table.

CleanShot 2024-10-23 at 10.57.37@2x
CleanShot 2024-10-23 at 10.57.37@2x3348×1310 454 KB

The script that opens the split pane pretty much only sets the component to show and sets one temporary variable (which the yellow container does depend on). I've used similar logic and components in other apps and never had this issue until now (even when I first built this, the issue wasn't there).

I did just change the height to fixed for both the inside text and the outside container which seems to resolve the issue for now. I'm happy to dm you my app if that would be helpful for debugging. Thank you!

4

Hi @tiffany , no problem :slight_smile: .

Certainly, if you can share your app export I can take a closer look at what's going on here, thank you!

1 Like
5

Hey @tiffany, following up on this, I have taken a look and it seems that this might be a race condition. I will go ahead and file this to our engineering team, would you mind sharing which version of Retool you are using? You can find this in the bottom right "?" button as shown below.
image

6

I'm on Retool version 3.110.0 (Cloud). I have a similar issue reported here for a different component, I'm wondering if it could be a similar underlying issue.

1 Like
7

Got it, thank you for referencing that, it seems to be a race condition related to our stepped container logic. I have shared this report with our team so they can work on a fix! Thank you for your detailed notes and sharing the app :slight_smile: