Skip to main content

I’m encountering an issue maintaining consistent visual styles for components in a parent frame.


The parent frame contains identical, duplicated components. The components scroll within the parent frame. Those components that are initially visible in the frame display their visual design attributes correctly.


But when scrolled, the components that were located outside the initial viewport (requiring scrolling to be seen) lose some of their visual styling.


Screenshot 2024-05-17 at 12.48.49 PM


You’ll notice that the fourth component does not look like the rest. All components below the fourth look like the fourth, which they shouldn’t/


What am I missing?


Here’s the link to the project

Hey @addisonpann, thank you for reaching out! This is very interesting, I need ask the team for help. I am quite unsure here, because I am only seeing this issue when I press on preview:



However, when I view this via present. I am seeing the following:



I’ll let you know once I receive more advise on this, appreciate your help in the meantime!

Thanks for checking.


What’s the difference between preview and present? I’m only familiar with preview.

Hey @addisonpann, you can view your prototype with the presentation with in a new tab.

With inline preview you can play your prototype directly on the canvas, alongside your design.


Find more information in our Help Center article: Present your prototype.

presentation view




Figma Tutorial: Presentation View



I haven’t heard back from the team yet, will get back to you once I receive more information.


Thanks,

Gayani

Hey @addisonpann, apologies for the delayed response! Could you please confirm if you’re still experiencing the issue?

I would be happy to create a support ticket on your behalf. Our support team would need to take a look into your file and investigate further. Please let me know if you’re happy taking this step.

Terms & ConditionsCookie settings