Streaming live at 10am (PST)

Problem with interaction on Safari

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

1 Like

@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:

1 Like

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

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:
CloudApp

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

2 Likes

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