Skip to main content
Question

Nested interactive component visibility gets stuck

  • November 20, 2022
  • 2 replies
  • 292 views
Bruce_Beh

Not sure if this is a bug or I’ve setup my file incorrectly.

I have a main frame and a nested button each with its own rest and hover state.

When i hover the main frame, the nested button appears. During this time, if I hover the nested button, it changes color.

The bug I have is everything works perfectly the first time, however, once you hover on the nested button, it seems to mess up the main frame, as if the hover state on the main frame no longer exists (the nested button appears forever but continues to work normally).

I’ve tried using mouse enter/mouse leave to no avail. Any ideas?

Sample file here: https://www.figma.com/file/Kj0M5Vy0VQKFNNxweJLCOo/Nested-interactive-components-bug?node-id=0%3A1&t=7s9cdtga8UTdir7q-1

This topic has been closed for comments

2 replies

Bruce_Beh
  • Bruce_Beh
  • Author
  • New Member
  • 5 replies
  • November 20, 2022

I found a workaround to this. It seems like the bug is that it doesn’t respect layer visibility for a parent component if the nested component has its own interactions. If I delete the nested layer on the rest state of the parent, then this problem doesn’t occur.

This leads me to believe that this is indeed a Figma bug where nested interactions for some reason causes layer visibility to be ignored after the first run.

A
  • Anonymous
  • 0 replies
  • December 20, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings

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