Comments (8)
I'm able to semi-consistently get this to happen. I'm using iOS 9 and both Chrome and Safari has this issue.
- The "Pokémon profile page" seems to have its own scroll or something. It doesn't continue to scroll after a flick like the default behavior on phones. The main page does this though.
- The first time I went into a Pokémon profile with Chrome, and then Safari, the image would get stuck like that.
- Turning on flight mode seems to cause various issues, sometimes. On a profile, turn it off, go back to main page, pick the same Pokémon, would often make the scrolling even weirder. It could lock up completely so I can't scroll, or just scroll the bottom part, or the Pokémon profile pic would scroll away.
Here are some situations. Sorry the screenshots are so big. Can't seem to change them.
iOS, Chrome, bottom part scrolls but not the rest.
iOS, Chrome, going offline and checking Pikachu again makes him move when scrolling.
iOS, Chrome, going back online and checking Pikachu again still has the scroll issue. Not fully reproducable though.
iOS, Safari, first time visit and checking Pikachu has the scroll issue.
from pokedex.org.
Weird, airplane mode shouldn't change anything, unless the database failed to sync (in which case nothing will show up, or maybe partial data will show up). So far I'm unable to reproduce.
from pokedex.org.
I haven't checked your code, but I had a feeling a large part of this "demo" was offline support? So yeah, I'd think something's off in the sync or offline-detection. But my first bet would be the "weird" custom scroll behaviour. Especially since when loading the page the Pokémon avatar is in the right position before the content gets there, so I guess it's position:absolute or something? That could account for the stuff moving around without necessarily following the page.
from pokedex.org.
If the site is offline, then it fetches exactly the same data from IndexedDB rather than a remote server. If it's online, it does the same, assuming sync succeeded. No "offline detection."
My guess is that sync failed, you went offline so had neither IndexedDB nor the remote server, so the worker threw an error and never returned. Will try to repro again.
from pokedex.org.
Went to the site on a friends computer who's never seen it before. Had full wifi access with no issues before or after. Still got the same scroll issue with the site.
from pokedex.org.
I managed to reproduce once on desktop Chrome, but it only seems to happen during initial sync. I don't understand why.
from pokedex.org.
Interesting, I faced this issue only on initial sync for both Chrome and Safari. Goes away after reload.
from pokedex.org.
Might be a memory issue then. I think the initial sync might be hogging too many resources.
from pokedex.org.
Related Issues (20)
- Evee has undefined in evolution
- Trying to update but there's a number of missing resources HOT 3
- Panel animation blip when mouse plugged in
- Interesting error stack in UC browser when going into detail view HOT 4
- UC Browser compat HOT 3
- Store images using Cache API HOT 1
- Description for Mew showing as Mewtwo HOT 3
- Visual irregularity in back button on Chrome dev HOT 1
- monsters-search-bar is missing a label HOT 1
- Add gen 7 HOT 2
- Find (Ctrl+F) is broken HOT 2
- More Pokemon please!
- Scroll position is reset when opening pokemon details
- How could you open in new window on desktop version?
- Android HOT 1
- Updating build scripts HOT 3
- No Generation 6 And 7 Pokemon info
- Ghost/Dark types have wrong weaknesses
- Catch rate of all pokemons is 0
- Add Maskable icons HOT 2
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 pokedex.org.