Comments (6)
Well, quick update. We figured out what is the reason of this flashing; it was a background white applied on .section_sticky-footer, and by removing it the problem was fixed.
However we still don't know why a background color cause a flash on high refresh rate devices.
So I'll keep it to you, if you want to close this issue or keep looking what is the reason of that
from barba.
Quick update, we found out that the reason isn't the iphone itself, but the high refresh rate is.
So regardless the phone is Iphone or Android, this issue happens in devices with high refresh rate
from barba.
Hello @FettahAud 👋,
Interesting case..
I am pretty sure it's related to the way you are managing the Barba current
container.
Please provide a minimal test repository in order for me to investigate further on this.
In addition, let me know what refresh rate is causing the issue on your side.
Thanks!
from barba.
Excuse my haste, here is the repo https://github.com/FettahAud/barba-test.
This problem happening at 90hz refresh rate and higher, just phones, I've tested on 144hz laptop and there is no problem in that
from barba.
Hi @FettahAud,
Happy to know that it's fixed.
I will keep this opened in order to quickly check your repo and give a feedback.
from barba.
Hello @FettahAud 👋
Giving my feedback after a long time, sorry 😄
I also figured out it was a background color that causes the issue.
However, I am unable to give you a clear answer on the cause.
This could be a browser / refresh rate issue.
Anyway, if you have found a workaround, that's great!
from barba.
Related Issues (20)
- Barba.JS not work with GSAP Line Animation HOT 1
- Add setting to cache rendered HTML
- Footer overlapping issue on the documentation website HOT 2
- Improve documentation for WordPress HOT 2
- How to add/initialize other JS files after the page transition which is built with barba & gsap? HOT 2
- How to create transition sliding up card? HOT 1
- `RangeError` on manual hash change
- How to check for barbacontainer HOT 1
- Add support for multiple `namespace` in `Views`
- Improve `next.container` availability
- About `View` transitions API HOT 3
- POST Form transition HOT 1
- Source map failed to load HOT 3
- Compiling error HOT 1
- Disable `prefetch` on specific links HOT 1
- Maintain element on transition HOT 1
- Typescript issue with documentation example HOT 1
- Page content is duplicated when opened HOT 1
- CSP violation from parseFromString HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from barba.