This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Joey Lamelas
Posted Jan 29 - Read on Facebook

I'm having problems with rounded corners in Safari on the iOS. It shows up just fine on the Android and my computer. Anybody else have this problem?

7 Comments

Joey Lamelas

Forgot to mention that I've also tried using "-webkit-border-radius" in the .coffee file.

Andy Jakubowski

Are you using the Framer borderRadius property or a CSS border property?

Joey Lamelas

Should have posted more about what I wanted to do. I wanted to make an image (or multiple images) scrollable within a circle. When I turn scroll off, the images are clipped correctly.

Mohamed Tedjani Meftah

I think the reason for that is that Framer uses "overflow: hidden" for clipping and "overflow: scroll" for scrolling, so it's not possible to have both

Benjamin Den Boer

Hey Joey, have you tried setting "force2d = true" on the subLayers (clipped layers)? The border-radius masking bug is a WebKit issue, but this can fix it.

Andy Jakubowski

Benjamin force2d works on desktop, but not on mobile Safari for some reason: http://share.framerjs.com/xd14vgtl2sur/

Benjamin Den Boer

Andy, ah yes, I see. A possible alternative would be to use an image mask: http://share.framerjs.com/s0baht7k2owd/

Read the entire post on Facebook