-
Notifications
You must be signed in to change notification settings - Fork 2.6k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Some animations not working on apple devices #413
Comments
Supplement to the issue #413, I wanted to post the initial state vs. the final state on the iPhone, iPad, iPad mini etc. The animation then moves to the complete sideways hidden position and then reveals itself as seen in this image. This only happens in Apple devices as Chrome, Firefox, Edge and Opera are rendering it just fine. Safari... Well, safari doesn't know how to render the animations nor anything else for that matter. |
Has anyone found a resolution to? :) |
|
I'm having the same issue using 'flip-left' and 'flip-right'. My workaround is unfortunately to just use another class that doesn't have the same issue, 'fade-left' or 'fade-right'. |
for our flip-left/flip-right workaround, we found that if the parent div was set to |
I had the same problem and I found solution by this link |
Flip animations not working on apple devices.
This is:
Specifications
Expected Behavior
Animated element should be hidden until scroll event
Actual Behavior
Element is visible and flipped a bit past its complete sideways position
Steps to Reproduce the Problem
This issue can be seen even on the AOS JS website flip demo. https://michalsnik.github.io/aos/
I am experiencing the same issue on my site: http://lionsfield.com/wp/about-us/
Detailed Description
It would be nice to at least add a sequential fade in before flip to initially hide the element briefly while flipping into view
Possible Solution
The text was updated successfully, but these errors were encountered: