Ok, my observation while trying to replicate the issue.
I changed the Background color for “Prototype” to Red, not the “Design”.
If the frame size(909x1254) is less than Viewport size(Macbook Pro), in Preview mode, there is a bleeding of page color, like yours. In Present mode, the whitespace around frame is solid red.
Now, if I set the frame size using the list to anything like iPad, Mobile etc. the bleeding in Preview mode goes away.
Now, I am not sure how your actual file is set up, but would be helpful if you could share the actual issue (not red one) as well.
make sure your components are entirely within the bounds of the frame.
Here’s a link to the project
I’m not sure what you’re suggesting, sorry. My frame is set to the size of the iPad I’ll be using to demonstrate the app prototype, so changing its size isn’t an option at this point.
I included a link to the project in the reply above if you care to take a look.
I added a frame around the component group and cropped it so the frame is contained in the viewport, but still experience the same issue.
How would I keep the components entirely within the bounds of the frame if they need to extend beyond the edges of the frame for the animation to work properly?
Thanks!
Thanks for sharing the file. It was quite helpful.
Seems, the ‘Background Blur’ for the card background is causing this bleeding issue.
If you can do away with this property, it will work fine.
Thanks so much for taking the time to help with this!
As frustrating as that is, it’s relieving to have the issue sorted.
