Skip to main content
Solved

Fixed position tab bar not fixed when it's interactive component


Maxo

I created a interactive component tab bar, with an hide element behind. I prototype with my component to make the hide element appear on click (classic interactive component).

When I put the tab bar on iphone frame, set with “fixed” on scroll behavior, if i just scroll on my prototype, the tab bar still fixed on the bottom screen.
But when I click on my tab bar and scroll after (or before), the tab bar is bugged, it goes up, then come back.

I tried to fix this bug with all contrainst setting, but still doesn’t work.

You can see my file here https://www.figma.com/file/qcA0G1by2BGe317GA5AfSa/Bug-report-(Copy)?node-id=0%3A1&t=YPAS6Py2ubspwIw5-1

I don’t know if it’s a bug or just a missreading…

I hope you can help me 🙏

Best answer by Maxo

Finally found the solution, thanks to the Figma support and tank666 (not about what they suggest but they help me to found out).

Even if your component is set in a frame, when your put it on your phone frame, place it inside a frame (sized with your prototype device ; ex:375*812 - iPhone 13mini) and place this frame on the bottom of your artboard, set the vertical constraint to bottom and fixed position on scroll behavior.

Thanks everyone !

View original
This topic has been closed for comments

6 replies

tank666
  • 4868 replies
  • April 7, 2023

Wrap your instance in a frame, and set the desired constraints and fixed position for that frame.


Maxo
  • Author
  • 3 replies
  • April 7, 2023

I have already done it 🥲


Maxo
  • Author
  • 3 replies
  • Answer
  • April 7, 2023

Finally found the solution, thanks to the Figma support and tank666 (not about what they suggest but they help me to found out).

Even if your component is set in a frame, when your put it on your phone frame, place it inside a frame (sized with your prototype device ; ex:375*812 - iPhone 13mini) and place this frame on the bottom of your artboard, set the vertical constraint to bottom and fixed position on scroll behavior.

Thanks everyone !


Maxo
  • Author
  • 3 replies
  • April 7, 2023

PS : Set your artboard with overflow vertical Scroll behavior


Thanks a lot!


Thank you! I spent HOURS on this. Your solution worked like a charm!


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