Quality umbrella

[gaearon]

I'll keep track of some things that are bugging me here.

This is an incomplete list, I'll keep adding stuff here.

• Shell
  • First load
    • Flicker of white Fix white flash on startup #1759
    • Feed jumps around sometimes
    • Profile picture in the tab bar disappearing and reappearing during init
  • Glimmer after flicking a feed is missing top margin
  • Top/bottom bar disappearance feels a bit janky
    • Make shell hide/show animation smoother #1683
    • Don't re-render bars when showing/hiding them #1691
    • The content should “push” the bar up, synchronized with the gesture Sync top/bottom bar disappearance to the scroll #1855
    • It's also weird when we're already at the top and just scroll down and up a bit — causes blank space Sync top/bottom bar disappearance to the scroll #1855
    • Switching between feeds while the bar is hidden feels janky due to blank space Show tabs when swiping feeds #1856
  • Gesture hell
    • Swipe between custom feeds with little distance is interpreted as tap on Android
    • Swipe between custom feeds on the left side is interpreted as a drawer swipe on Android
  • The feed switching header animation should be synchronized with the swipe gesture
  • Navigating to a profile not via preview (e.g. via link click) is missing a push animation
  • There is no fade on the background view during back gesture
  • There is no header crossfade during back gesture
• Feed
  • Feed items
    • Layout shift due to galleries Fix layout shift for multi-image posts #1673
    • Layout shift when there's a link attachment
    • Tapping a feed item makes the parent post spinner too visible (need to shift it)
    • Tapping a reply may cause a content jump just before it scrolls to reply
    • Button positions in the glimmer are too off
    • Pressing like shouldn't move other buttons
    • Back gesture feels unreliable when starting with a long press and then a quick swipe; often interprets as tap
    • There's no tap target feedback e.g. on counts
    • We're loading too many too large images
      • Don't upscale images (bug) Image uploads are rescaled to 2000x2000, even if source image is smaller #1101
      • Load small avatars by default
      • Smaller gallery items by default
    • "In reply to" should be resolved with initial payload
    • Clicking a post in a thread on the web is jumpy
    • Clicking on a post should never show spinner for that post’s content
  • Profile preview
    • Blank background while animating looks broken on Android
    • There is a jump after navigating on iOS due to safe area Fix profile preview jump #1693
    • There is a flash because the modal disappears before the navigation commits Fix profile preview jump #1693
    • The initial state is empty but we should have enough info to show the profile shell immediately
    • The display name while loading is misaligned Fix profile preview jump #1693
  • Lightbox
    • Opening lightbox is laggy / misses target on Android (interferes with showing/hiding chrome?)
    • There's no transition between the thumb and the lightbox image and back
    • Lightbox doesn't take advantage of the already loaded thumb image (should it?)
    • Gestures
      • Double tap to zoom
        • Double tap zoom on a picture zooms in too much #1275
          • Fix it on Android
          • Align iOS behavior with the Android fix
        • Double tap doesn't work in the header area (even to the left of the close button)
          • Fix: Allow touch at the top of the lightbox #1489
      • Pinch
        • Pinch gesture gets stuck on Android #1485
        • Images in a single post may end up overlapping on Android Rewrite the Android lightbox (this time for real) #1624
        • Make it resistant to gesture spam Change lightbox to use Pager #1666
        • The controls flying away animation is too aggressive Toggle lightbox controls on tap #1687
      • Swipe
        • Swiping sometimes gets stuck
        • Hide alt text during swipe?
        • Black screen feels weird
        • There's sometimes a spinner behind an already loaded image
    • Alt text
      • Implement "hide on tap" Toggle lightbox controls on tap #1687
      • Can't select alt text #1445
• Notifications
  • Pressing the notification icon doesn't do the refresh animation properly
  • Pressing notifications icon second time should clear it
  • Layout is borked when people joined with your invite
• Profile
  • First profile load jumps Fix profile layout shift #1690
• Composer
  • Cropping needs rethinking on the web

[mozzius]

Pressing the notification icon doesn't do the refresh animation properly

For whatever reason, you can't declaratively show the platform refresh animation - hence the fake spinner. Even if you can't use the platform animation, It'd probably look significantly better if you added Reanimated layout animations so that it didn't jump open/closed

Worth noting twitter shows no animation, and threads shows a spinner in the header, top right - I've yet to find an instance where an app opens the pull-to-refresh thing by pressing a different button.

[gaearon]

Makes sense. Not saying it needs to animate in particular but something feels janky about it. I guess maybe not showing the spinner (like twitter does) may be better.

[mackuba]

@gaearon hey, I finally managed to catch the "jumping up and down when scrolling far down a list" effect that I mentioned recently - I saw this while scrolling on my own profile for posts >1 month ago: https://files.mastodon.social/media_attachments/files/111/371/299/920/026/645/original/29aaba275b20302d.mp4 (starts around ~0:20)
Safari 17.1, macOS 12.7.1

I used to see the same thing back in the summer while scrolling the "What's Hot Classic" feed back when it was the "What's Hot" official feed and when it was still possible to scroll a couple of hours back in it.

[gaearon]

Very interesting, thanks!

[velosol]

I'm not quite sure where to broach this but I wanted to suggest an enhancement to Lightbox gestures on Android to support "doubletap with swipe"* to mimic pinch to zoom. It's a long-standing and one-handed accessible zoom option that I think would be nice when viewing images.

*: https://www.youtube.com/watch?v=6Y7nPhk18W0 (not my video but shows the gesture)