Interface panels lags on interactions

I have very notable “jumps” of the menus on screen on interaction (scroll & zoom)
on Safari iphone 13 min ios 15.0

attached screen recordings:

1 Like

I can’t access these files , it says the owner made them unavailable or something :frowning:

1 Like

thx, got em

this is a little tricky to fix because of limitations of the web with my current approach:

  • there isn’t a way to natively pinch zoom one part of a website without not-zooming another part. So ideally your cards/space would zoom and the header/footer buttons would not.
  • so what I do is use math to compensate and ‘counter-zoom’ the ui
  • the problem is that safari iOS does not send the browser resize events as quickly as they happen on screen. So this lag between pinch zoom and ui element position is a result of this

I’ll keep my eye out for other solutions to this though

2 Likes

maybe you could just temporarily hide this elements, when interface moves or scales? with some gentle fade out :slight_smile:

3 Likes

hmm that might work, i’ll look into that :slight_smile:

3 Likes

WIP prototype: i’m really liking this interaction so far

3 Likes

wow, looks very nice
would be cool see such update :heart:

3 Likes

fixed in WIP mobile improvements , beta available to try now

1 Like