Skip to main content
Participant
August 29, 2020
Answered

Stacks don't seem sensible to component state changes.

As I was building a scrollable list composed by accordions I noticed that stacks ignore component state changes.

Use case

- Scroll group
-- Stack group (Vertical 2px distance)
--- Component 1 (Default state) Closed accordion
--- Component 2 (Default state) Closed accordion
--- Component 3 (Default state) Closed accordion

The situation above is the default view of the Scroll group. I have set "Open states" triggered by "Tap" to each of the Components and the accordions expand to display items inside them like this:

--- Component 1 (Open state) Open accordion
---- Option 1
---- Option 2
---- Option 3

I was expecting that the remaining components (Component 2 and 3) would be pushed down with the new state change from (Component 1 vertical growth) and respect the 2px distance set by the stack group, instead they get covered and remain their original position.

I have been trying to figure a work around but without success, I am not sure if I am doing something incorrectly or if this is a known issue.

Thank you for taking the time to help.

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Ares Hovhannesyan
    Ares HovhannesyanCorrect answer
    Community Expert
    August 30, 2020

    What if you do that without stack option - do it by hand. Will this work for you?

    6 replies

    Ares Hovhannesyan
    Community Expert
    Community Expert
    August 29, 2020

    Can you share screenshot of your work. That can help

    Translate
    DrisignAuthor
    Participant
    August 29, 2020

    Thank you for your interest. I am not authorized to share the actual work but here I attach a link to a video of the issue I am experiencing: Stacks & state components 

    Translate
    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity ExpertCorrect answer
    Community Expert
    August 30, 2020

    What if you do that without stack option - do it by hand. Will this work for you?

    Translate