Skip to main content
Question

Variant change of nested component unhides the nested component in the parent component

  • October 24, 2024
  • 0 replies
  • 10 views

Johannes_Scherm

Hi,

I am facing the following challenge:

In our component library we have a Select component that has a nested Dropdown list component included. Depending on the variant of the Select component the Dropdown list component is either hidden (select not expanded) or shown (select expanded).

Furthermore we have different variants for our Dropdown list component (e.g. checkbox list, loading, subtext etc.) in order to cover the different use cases.

The desired behaviour should be like this:

When I use the select component and I want to be able to switch between the different Dropdown list variants. This means when I change the Dropdown list variant then it should change in all Select component variants.

What is happening right now:

When I change the variant of the Dropdown list component within the Select variant then all the hidden Dropdown list elements become unhidden.

Do you know how I can fix that?

I hope you understand what I mean. Thank you very much!

This topic has been closed for replies.

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings