Post button disappears and is confusing

On mobile the floating post button disappears when scrolling and sometimes doesn't come back. Can we just make it permanent if we can't keep it visible when the timeline isn't moving?

Additionally can we return the Post New Status link to the burger menu for users that can't identify what this floating icon is?

added mobile label

1. floating button not coming back is most likely caused by most excellent browser and operating system ever, so we probably need to make it not go away when scrolling exclusively for iOS

2. really not liking the idea of duplicating controls for sake of "what if user doesn't understand"

Regarding floating button, I have tried it in Chromium, Firefox, Safari and was able to reproduce it straight away. Upon a closer look, while it tracks scroll up / down events, it doesn't seem to do anything to return it back to non-hidden state.

    handleScroll: throttle(function () {
      const scrollAmount = window.scrollY - this.oldScrollPos
      const scrollingDown = scrollAmount > 0

      if (scrollingDown !== this.scrollingDown) {
        this.amountScrolled = 0
        this.scrollingDown = scrollingDown
        if (!scrollingDown) {
          this.hidden = false
        }
      } else if (scrollingDown) {
        this.amountScrolled += scrollAmount
        if (this.amountScrolled > 100 && !this.hidden) {
          this.hidden = true
        }
      }

      this.oldScrollPos = window.scrollY
      this.scrollingDown = scrollingDown
    }, 100)

scrollAmount always stays positive including the last event that when the user stops scrolling down.

Adding debounce that enforces non-hidden state after scroll seems to fix it: https://cl.ly/846f6e51d4a7. Haven't checked for edge cases yet though. (https://git.pleroma.social/snippets/1092)

On a second thought, I'm wondering if it's a good idea to have it disappear when scrolling and then appear again. I would think this may distract user's attention from the content they are reading (https://cl.ly/2551ee80a498). Neither twitter nor mastodon make it disappear on scroll.

mentioned in merge request !769 (merged)

Re: users not understanding what the floating icon is

Maybe once it stops disappearing on scroll, it will become less confusing. Twitter mobile app seems to be fine with having only this icon as a mean to make a new post. Besides, the icon itself might be a bit less descriptive. There are two elements in it: a medium-sized pencil and a square, while mastodon has just one pencil and twitter has a feather and a tiny plus sign

Floating button is a common control/concept in Material Design. Some apps/sites have this button always visible, some hide it when you're scrolling down and bring it back when scrolling up. Probably should be user-configurable? The idea behind hiding it is to not obstruct the corner it occupies but i think it's not that much of a problem. It doesn't annoy me in tusky (doesn't hide it). @shpuld thoughts?

closed via merge request !769 (merged)

closed via commit 157d4e60

mentioned in commit mfc/pleroma-fe@157d4e60

unassigned @eugenijm