Hi guys, so my problem is with a component with different states, and one of the states has dropdown list, when this component is used in an instance with different title text and dropdown texts, there are 2 problems: The title text gets swapped with content text in one of the states(state which has dropdown list) The dropdown list contents also change back to the ones in component ( inspite of adding text property) Please find the attached images for your reference. Please help.

It is impossible to determine the structure of your variants from the screenshots you provided, but usually the solution to the problem is this: Interactive component dropdown Ask the community To preserve overrides, you need to add a hidden list of items to each of the variants. Interactive component dropdown Ask the community If your variant differs in structure (missing layers or new ones added) from another variant, and also has different names, then this violates the override preserve. So add a hidden list of items to your variants (Default, Hover and Disabled). Display bug between build and Present modePlease see the example file in this post: Text property does not work properly - dropdown menu - #9 by tank666 .

V

varun.chowta

Solved

Component BUG in Instance ( Title text getting swapped with content text)

Forum|Forum|2 years ago
February 22, 2024
5 replies
360 views

Hi guys, so my problem is with a component with different states, and one of the states has dropdown list, when this component is used in an instance with different title text and dropdown texts, there are 2 problems:

The title text gets swapped with content text in one of the states(state which has dropdown list)
The dropdown list contents also change back to the ones in component ( inspite of adding text property)
Please find the attached images for your reference. Please help.

Ask the community

This topic has been closed for replies.

Best answer by tank666

It is impossible to determine the structure of your variants from the screenshots you provided, but usually the solution to the problem is this:

V

varun.chowtaAuthor

V

varun.chowtaAuthor

V

varun.chowtaAuthor

Problem 1> If u notice , the title text is supposed to be named connections and text in the bar is supposed to be “select connections”( refer next image) but in the dropdown state it is getting swapped.

Problem 2> The dropdown list is supposed to be named as connection 1, connection 2 etc
but it keeps getting changed back to the text in original component i.e machine 1 ,2 ,3 .

tank666Answer

It is impossible to determine the structure of your variants from the screenshots you provided, but usually the solution to the problem is this:

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank

V

varun.chowtaAuthor

Thanks a ton Tank I was able to resolve both my issues with the above suggestions. Thank you once again , you’re the man 😁

Sign up

Login with SSO

Login to the community

Login with SSO