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

What is Framer? Join the Community
Return to index
Pedro Carmo
Posted Feb 17 - Read on Facebook

Has anyone built a replica of the mobile Safari selector? I’m using it for a project but currently cheating by using a screenshot as a quick fix to complete the step in the flow.. Curious if someone has already tackled this problem of building iOS interaction templates..

2 Comments

Joshua Tucker

Hey Pedro! I've had some experience with using HTML/CSS elements in Framer so I decided to look into this and see what I could come up with. This specific integration is new to me but I think I got you something you can play around with! If you decide to try it in the browser first before downloading, just click the black box. I tried to make this integration as lean as possible so it's not fancy or anything. Opening this on a mobile device will you get the select box you are looking for however in Framer or any desktop browser, it's simply standard.

http://share.framerjs.com/9aedls26a788/

I included some notes at the top of my code and I am open to any questions or brainstorming. I tried my best to comment and explain as much as I could. Hopefully this serves you well!

Mike Kotsch

Amazing demo. From a UX point of view, I'd say use a slider instead. It really is a pain in the ass to use those dropdown anywhere else than on a desktop computer. https://www.youtube.com/watch?v=CW4qKTJqHPo

Read the entire post on Facebook