Interactions work in Chrome Mobile Preview but NOT on iPhone

[miekwave (miek)]

iPhone Preview Link: https://atxfoodco-4-5.webflow.io/
Look on iPhone and on Google Chrom + Inspect Mobile

^^ Clicking this button works as intended on Chrome Mobile Preview mode. It does NOT work on iPhone 8 Plus Chrome or Sifari browsers.

Video Recording Link of Intended Result:

Jul 16, 2019 11:34 PM.webm

Read Only Link:
https://preview.webflow.com/preview/atxfoodco-4-5?utm_medium=preview_link&utm_source=dashboard&utm_content=atxfoodco-4-5&preview=6edb7762f5894ea8028c4a393ae180e9&mode=preview

Interactions below:

^^ Initial Click interaction

^^ Secondary click interaction

[rileyrichter (Ben Parker)]

Hi, @miekwave!

Thanks so much for reporting this issue with your interaction. This is definitely odd behavior and I was able to see this happening on my end too.

I have notified the team of the issue and they’re looking at this now. I can’t provide a timeline for when a fix will be available, but someone from the team will reach back out as soon as we know more.

In the meantime, you may get similar functionality using a native dropdown element and that might help unblock you and keep you moving forward.

Let me know if you have any other questions and I’ll be happy to assist you further!

[miekwave (miek)]

@rileyrichter
What’s the good news?

[rileyrichter (Ben Parker)]

Hi, @miekwave!!

The team is still working on this one, but @sabanna came up with this solution as a workaround to get the interaction working!

Most simple workaround: remove Action button blocks. Headings Order Pickup Header Label already have the same interaction applied and after removing those blocks the interaction works as expected.

[miekwave (miek)]

thanks, I applied Interactions to Order Pickup Header Label earlier, but intend to use Action Button block because its easy to apply to any div block. with intend iX2. I have temporarily removed that particular section from the project in the mean time.