Skip to main content
Alice_Lariviere
Sep 21, 2023 8:55 AM UTC
Solved

Fixed element disappears in Prototype

Any time I set an element to be fixed, it disappears in the prototype mode. It’s not below the fold line, so it doesn’t have any reason to not appear.

This topic has been closed for replies.
Fernando_Lins
New Participant
Sep 27, 2023 2:20 AM UTC

If you set the fixed object’s constraints to Bottom, it will snap itself to the bottom of the frame (not to the bottom of the preview window), so it is not actually disappearing, if you scroll the prototype to the very end, your bar will be there. If you want it to stay where you are placing it, you must not set vertical (top or bottom) constraints.

20 replies

Jan 19, 2024 7:20 PM UTC

*iPhone 14
and yes, you don’t have to use a prototype view, you just have to allow a screen size where you allow for Overflow.

Ronny_Araya
Mar 6, 2024 2:33 AM UTC

If someone is with the same problem , all you need to do is put the element you need to fix inside the area of the original frame size (because this happens when you extend the area of work for a scroll).

THISARA_Shayamal
Mar 18, 2024 5:27 PM UTC

It worked tnxz 👌✨

Karthika_Aravind
Mar 19, 2024 9:38 AM UTC

In this case , how would the entire frame be visible to others? We have to increase the height of the frame and at the same time set it to mobile height for the protype. This problem ends uo creating two sets of same design - one for prototyping and one for the artboard. Any solution for this?

Nela
Apr 2, 2024 12:46 PM UTC

@Karthika_Aravind You shouldn’t have to resize the artboard.

  • Set the element you want fixed to fixed in prototype mode
  • Make sure the constraint is holding it to the top or bottom of the screen (since we are horizontally scrolling)
  • Make sure the artboard overflow scroll behavior is set to vertical. This might give you a warning, saying that the content needs to be larger than the container, but it works for me (I think this warning is not actually accurate for this particular use case.

Let me know if this solves your issue.

May 8, 2024 10:26 PM UTC

Hey there, this helped. Thanks a lot!

Pamela_Barnett1
New Member
Jun 13, 2024 2:25 PM UTC

I am running into the same issue. The fixed items are showing on some screens and not others. It’s very frustrating. I’ll keep reading through the comments to see if there was a solution when you posted this.

Kateryna_Cher
New Member
Jan 23, 2025 2:32 PM UTC

Hi! What helped me in similar situation:
1. Set vertical overflow for fixed frame and for big main frame
2. Check position of fixed frame (in real bottom of the main frame position)
3. Make my main frame size that match prototype settings (in my case iPhone 16 pro height)
4. And then I added some additional space for content as buttons (my fixed frame) appeared. 

Adam_Fenyvesi
New Participant
Jan 28, 2025 11:08 AM UTC

Hello Everyone!

Is there any way to have the fixed button appear on the bottom of the screen on different screen sizes?

As far as I understand if the frame height is matching the device size its all good, but when the tester is using a smaller device for example, the fixed element wont actually be on the bottom of the screen but the bottom of the frame (which is larger in this case than the viewport of the device)

THanks!

Adam_Fenyvesi
New Participant
Jan 28, 2025 12:22 PM UTC

I figured out in the meanwhile that in the proto settings scaling can be modified, just need to re-share the URL which contains the changed setting. 

However the fixed elements on the bottom and scrollable section get messed up anyway when opening the proto in browser on different mobile sizes