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

What is Framer? Join the Community
Return to index
James Morris
Posted Mar 25 - Read on Facebook

Hey guys. First time I've posted here. I've been curious about building an interface that I've had on my mind. I've got this working well when viewing in Studio or in the browser, but it doesn't seem to work as intended on my iPhone 6. The prototype should give you an idea, but it's a simple grid of items inside a container and when this gets the full view, you can then scrub your finger over the individual squares to see them enlarge. But I really want the same thing to work on the iPhone 6, but the touch events don't seem to work. Can anyone shed some light on this and possibly help me out? I'm pretty new to Framer, so excuse the mess: http://share.framerjs.com/erirrcaeyow7/

3 Comments

Chris Camargo

You appear to be utilizing TouchMove and Click. Click was a little tricky for me to understand as a beginner... Click will fire if you put your finger down on an element and then lift it (anywhere, even outside the element). TouchMove fires on mouse hover, or when dragging your finger across the screen. Rather than using Click, you may need to employ TouchStart and TouchEnd. You may also need to check for TouchMove to ensure you don't toggle the view state every time the user touches and releases your sheet element. Here's another Frameristo that had a similar problem (different context, similar solution): https://www.facebook.com/groups/framerjs/permalink/658397817620626/

James Morris

Hey Chris Camargo thanks for your reply! I thought it might have something to do with that, so I just removed the Click altogether and just had the TouchMove event. Still not working on the iPhone, but works fine in Studio/Browser. Seems confusing to me, I must be doing something wrong? http://share.framerjs.com/36fr39k2mxwd/

Alexander King

I'm having the same problem here... also using an iPhone 6

Read the entire post on Facebook