[bug] mobile multipage conflicting components

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!

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
2 Likes

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!

1 Like

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.

1 Like

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

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

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?

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!

1 Like

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!

1 Like

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

1 Like

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 :saluting_face:

1 Like

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 :slightly_smiling_face:

2 Likes