[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