Streaming live at 10am (PST)

Problem with interaction on Safari


#1

Hi,

I’m having problems with the interactions with Safari. (This is my first site with interactions) It looks perfect on Chrome and Firefox, you can see it here: http://wlmskinproducts.webflow.io/

https://preview.webflow.com/preview/wlmskinproducts?preview=b488c406e1d56b32a658be2345acd8b6

I think is a bug

Please help!

Thank you,

Valentina


#2

@vadelfino thank you so much for posting this!

I found a potential fix for the issue showing up in Safari.

If you set both of the child elements of each Wrap# element to make the back face invisible then the rotation works as expected:

​Please let me know if this solves the problem, if not, I’m happy to help further :bowing_man:


#3

Hi Waldo,

I set back face invisible all the child elements and still doesn’t work…:sweat:

I also try face invisible all the elements and works on Chrome but not on Safari.

35 PM


#4

Hi @vadelfino,

I’ve looked into the behavior you are describing, and apart from setting back face as invisible for every one of the child elements of each Wrap# element, this parent wrapper also needs to have the Children Perspective setting in the Transitions & Transforms section of the Style tab set (you could use the original width of your element as the value, in this case, 1200px).

CloudApp

I recorded an example of this step, you can check it here:
Screen Recording 2017-08-10 at 09.28 AM.mov

Please let me know if this is helpful, if not, we are happy to look into this further.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.