GithubHelp home page GithubHelp logo

Comments (8)

seriema avatar seriema commented on June 18, 2024

I'm able to semi-consistently get this to happen. I'm using iOS 9 and both Chrome and Safari has this issue.

  1. 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.
  2. The first time I went into a Pokémon profile with Chrome, and then Safari, the image would get stuck like that.
  3. 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.
2015-11-29 11 11 03

iOS, Chrome, going offline and checking Pikachu again makes him move when scrolling.
2015-11-29 11 12 08

iOS, Chrome, going back online and checking Pikachu again still has the scroll issue. Not fully reproducable though.
2015-11-29 11 12 35

iOS, Safari, first time visit and checking Pikachu has the scroll issue.
2015-11-29 11 16 03

from pokedex.org.

nolanlawson avatar nolanlawson commented on June 18, 2024

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.

seriema avatar seriema commented on June 18, 2024

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.

nolanlawson avatar nolanlawson commented on June 18, 2024

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.

seriema avatar seriema commented on June 18, 2024

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.

nolanlawson avatar nolanlawson commented on June 18, 2024

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.

rgbkrk avatar rgbkrk commented on June 18, 2024

Interesting, I faced this issue only on initial sync for both Chrome and Safari. Goes away after reload.

from pokedex.org.

nolanlawson avatar nolanlawson commented on June 18, 2024

Might be a memory issue then. I think the initial sync might be hogging too many resources.

from pokedex.org.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.