Components disappear in my App

Hi, I’ve encountered a really weird issue in my app. My components are suddenly disappearing from the pages. It’s strange because I can still see them in the component tree, but they’re not showing up on the page. It's not due to disabled conditions applied for the component, just all the components on the page disappeared and gives me a blank.

This issue affects all the pages starting from page 2, and when I navigate back to page 1, its components also disappear. I’m unable to proceed with my work on this app.

@Victoria @Retool_Moderator, could you please help me? :face_holding_back_tears:

1 Like

Hello @Mingwei_Sun!

This is very odd, let me see if I can trouble shoot what is going on or see if this might be related to our newest cloud release or an incident :sweat_smile:

2 Likes

Are you hosted on cloud? This is a multipage app correct?

I can see you component tree has a number of components, and from your screenshot that there are some components on the current app page. Which components are missing?

If you clone the app are the components still missing?

2 Likes

Hi Jack,

I tried to restore the last version and also tried to duplicate the app. Still the same problem, no component shown since the 2nd page :cry:

Hi @Mingwei_Sun,

Sorry this is happening.

Can you share a screenshot of what happens when you click on a hidden component from the component tree?

You might need to join us at office hours, not sure how best to trouble shoot without seeing the app live to test things out.

Did cloning the app reproduce the same issue? Are any components showing up at all or are all of them not showing up?

Hi @Jack_T

When I click the component on the component tree, nothing happened, they do not show on the screen, nor show the right side bar.

I did a screencast of what happened when I tried to use the app: Retool media launcher bug.mov - Google Drive

I can not upload the video so I used googl drive link. Already shared but let me know if you can not see it.

Hi @Mingwei_Sun,

Thank you for sharing that video, that helped tremendously for me to understand the issue!

Can you share with me a clone of you app so I can do some further testing on my end with it?

My initial hunch is that the components might be accessing data from component's that are not visible.

This is a limitation that will prevent pages from directly sharing data with each other. But this can be solved by storing data in temporary JS variables so the data can exist outside the pages and be access independently.

This may also be true for queries that are being run inside a specific page, but not sure.

hi @Jack_T

Here is the app json that I downloaded:
COPY - Launcher Facebook & TikTok & Snapchat.json (2.9 MB)

Please check :pray:

I also signed in today's office hours, maybe we can talk then :slight_smile:

1 Like

Hello @Mingwei_Sun,

Tess said you were able to solve this issue by setting the event handler in the stepped container that was setting the body to be false.

Glad she was able to help and apologies I was late to office hours :sweat_smile:

Yeeees, all good now.
Thank Tess and you sooo much :heart:

2 Likes