Skip to main content
Brooke2
Brooke2
November 17, 2023
Solved

Nested Component not visible after using absolute position

  • November 17, 2023
  • 4 replies
  • 904 views

I am trying to nest one component within another in Figma, but i’m experiencing an issue where the content of the nested component isn’t visible after I moved it with absolute position. I’ve seen this method used a lot when building components and have done it myself before. Does anyone know why it’s not showing up? It is clearly nested and I can see the purple bounding box. I’ve tried moving it to the front or rearranging the layers and it still appears to be hidden. Help!

    This topic has been closed for replies.
    Best answer by Marta9

    Hi, I think I found where the problem was, it wasn’t a malfunction. When creating a variant with two elements: one without an absolute position, the second with an absolute position, the first one had the option ‘Clip content’ checked (in Design menu) which caused the other element to disapear. When I unchecked the ‘Clip content’ option, the element appeared.

    Thanks for replying. Hope this solution will help someone else too.

    4 replies

    Gayani_S
    Figmate
    Gayani_S
    Community Support
    November 20, 2023

    Hello Brooke, thank you for reaching out! I wasn’t able to reproduce this on my end. Are you able to share a screen recording with us?

    Marta9
    Marta9
    February 12, 2024

    Hi, I have the same problem! Wasn’t able to resolve it yet 😕

    Gayani_S
    Figmate
    Gayani_S
    Community Support
    February 13, 2024

    Hey @Marta9, sorry for the issues! Could you give me more information on this? Is this happening only on a specific file? And is it happening in the browser, desktop app or both?
    For quick fixes, can you please force-quit and open Figma in a new browser window (or force-quit the Figma Desktop app and restart it.) Also, please clear out the cache. Here are some information to troubleshoot: https://help.figma.com/hc/en-us/articles/360040523973-Troubleshooting-checklist 1

    Are you able to make us a short video? Please include the whole window, with the properties and layers panels in view and relevant layers expanded, and select any layers you’re having trouble with so we can check any relevant settings. We use these videos to try and reproduce the issue in our own files and so showing all steps needed to reproduce the behavior is helpful.

    Thanks in advance!

    Marta9
    Marta9Answer
    February 19, 2024

    Hi, I think I found where the problem was, it wasn’t a malfunction. When creating a variant with two elements: one without an absolute position, the second with an absolute position, the first one had the option ‘Clip content’ checked (in Design menu) which caused the other element to disapear. When I unchecked the ‘Clip content’ option, the element appeared.

    Thanks for replying. Hope this solution will help someone else too.

      Terms & ConditionsAccessibility statement