[bug] mobile multipage conflicting components

[trz-justin-dev]

so i am trying to have two pages: list view and grid view. despite being separate pages, i get an error saying components from list page conflict with the component from grid page i am trying to add to mobile.

here is desktop grid page with listView inside of splitPaneFrame:

here is desktop list page with table:

here is mobile grid page:

and here is the error when i try to add table component to list page mobile:

i think since they are separate pages, each with their own mobile layout, the error is a bug since components from other pages shouldn't exist and therefore can't conflict.

thank you!

[trz-justin-dev]

okay I think I worked around it, but the bug still exists.

here's what i did:

1. in desktop of page1, move the component way down
2. in desktop of page2, move the component all the way to the top
3. show page1 component in mobile
4. make sure it's moved all the way down in mobile too
5. show page2 component in mobile, no error here
6. move everything back in desktop for both pages
7. move everything back in mobile for both pages

[Jack_T]

Hello @trz-justin-dev!

Glad you were able to find a workaround. This is a very interesting bug.

Thank you for laying out the steps to reproduce this. I will file a bug report!

[Sam_S]

I am also receiving this error. Even after I hide a component and move it well away from the component I am trying to add to the mobile layout, I still get the error.
It would be VERY helpful to have components added to the mobile layout by default.

[trz-justin-dev]

hey @Sam_S thanks for sharing, it's frustrating for sure. even if at the very least the behavior just forced components and broke the layout, it would be better than just getting a refusal message!

what i found as another workaround is to start an app in mobile first, then enable for desktop on a per-component basis. it's not necessarily pleasant but i found it produced less errors then going desktop->mobile

[Vinyasa_Health]

I'm trying to activate show in mobile but I keep on getting this error of intersection despite no such component on the page.

[Oleksandr_Dovgopol]

I have the same error here

When trying to show a component on mobile I get an error that this component intersects with another one from another page in my multipage app.

Is there a way to fix it?

[Isabella_Borkovic]

Hi Oleksandr! Would you mind sending a JSON of your app to ibork@retool.com if possible? I'd like to help you debug this if it's still an issue!

[Isabella_Borkovic]

Hi! Would you mind sending a JSON of your app to ibork@retool.com if possible? I'd like to help you debug this if it's still an issue!

[eeeeeeee]

Hello,
I'm encountering the same issue and it's put a complete halt to production
Anything on this?

[Jack_T]

Hello @eeeeeeee,

We are currently working on fixing the issue of web apps with components on different pages throwing an error when trying to toggle "show on mobile".

That is the issue you are encountering, correct? We will continue to post updates in this thread as they come out from our engineering team

[Jack_T]

Hi @eeeeeeee,

Just got word that this bug has been marked as 'Done'!

It should be getting finalized/tested and added to our next release

[PeterV]

Still not working, is it possible that the program doesn't recalculate? When you get the error, it just keeps popping up, no matter how far apart you move them. I can move the button all the way up or down, the message is still there . I even deleted the button and added a new one far below the table and I still need to "move the table"

[Jack_T]

Apologies that this issue is still happening

Just sent your feedback to our engineering team @PeterV.

I am guessing that to some extent once the bug is triggered it might not 'recalculate'.

I will let you know if the engineering team has any suggestions for temporary work arounds or updates on when it should be fixed

[Isabella_Borkovic]

Could you send a copy of your app JSON to ibork@retool.com? Additionally, one approach you might find helpful is adjusting the button's position in mobile mode rather than in desktop mode.