Skip to main content
Participant
August 29, 2020
Answered

Stacks don't seem sensible to component state changes.

  • August 29, 2020
  • 1 reply
  • 837 views

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 has been closed for replies.
    Correct answer Ares Hovhannesyan

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

    1 reply

    Ares Hovhannesyan
    Community Expert
    Community Expert
    August 29, 2020

    Can you share screenshot of your work. That can help

    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 

    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?