[Mentions] Scroll so that post is directly above composer when clicking "Reply"

[tobyzerner]

When you click "Reply" on a post that is towards the bottom of the screen, the post composer slides up over the top of it so you have to manually scroll down to see it again. We should do this automatically.

[fernsheldon]

Hey @tobscure ,

Just to add to this, we've noticed a few issues with regards to the reply composer when viewing on a mobile device :

• Issue#1 - [iOS specific] When replying to Discussion, by going to the bottom on the list posts and clicking "Write a Reply..." The reply composer opens up, but without the keyboard and cursor. Only after clicking on the text "Write a Reply" or the body of the composer does the cursor appear.
  There is a pull request that solves this issue.
• Issue#2 - After getting the cursor in the reply composer, on typing the first character, the whole composer shifts to the bottom which looks very jarring. In some cases we've see the whole composer jumps up and down.
• Issue#3 - Cursor not present on reply composer when the composer to opened after dismissing.
  This is a bit tricky. If you click a reply to a post, then dismiss the composer by clicking the "x". Then when you reopen it, you won't find the cursor - this again leads to issue#2.
• Issue#4 - on replying to a post that is the last post or towards the bottom - the post composer slides above the top of the screen. This hides the post controls ie close, and the check mark.

[tarunmarkose]

This is quite a UX issue - sometimes when I type a reply on my mobile, the
composer window keeps jumping up and down with each key press. It becomes
very hard to finish the reply.

On Friday 19 August 2016, Sheldon Fernandes notifications@github.com
wrote:

Hey @tobscure https://github.com/tobscure ,

Just to add to this, we've noticed a few issues with regards to the reply
composer when viewing on a mobile device :

• Issue#1 - [iOS specific] When replying to Discussion, by going to
  the bottom on the list posts and clicking "Write a Reply..." The reply
  composer opens up, but without the keyboard and cursor. Only after clicking
  on the text "Write a Reply" or the body of the composer does the cursor
  appear. There is a pull request that solves this issue.

  Issue#2 - After getting the cursor in the reply composer, on typing
  the first character, the whole composer shifts to the bottom which looks

  very jarring. In some cases we've see the whole composer jumps up and down.

  Issue#3 - Cursor not present on reply composer when the composer to
  opened after dismissing.

  This is a bit tricky. If you click a reply to a post, then dismiss the
  composer by clicking the "x". Then when you reopen it, you won't find the

  cursor - this again leads to issue#2.

  Issue#4 - on replying to a post that is the last post or towards the
  bottom - the post composer slides above the top of the screen. This hides
  the post controls ie close, and the check mark.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/flarum/core/issues/895#issuecomment-240937273, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AHCrLPrjFlyxtDDczmn-3QxP5m-Hb8kgks5qhUpigaJpZM4H7KZJ
.

-Tarun

[tobyzerner]

@tarunmarkose which browser/version?

[tarunmarkose]

Safari on iOS 9.3.2...

On Tue, Aug 23, 2016 at 12:54 PM, Toby Zerner notifications@github.com
wrote:

@tarunmarkose https://github.com/tarunmarkose which browser/version?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/flarum/core/issues/895#issuecomment-241648887, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AHCrLI_yGNB9gmiIHxsdyqPt0proJ6b1ks5qiqAZgaJpZM4H7KZJ
.

[zerosonesfun]

This happens in any iOS browser. Safari, Chrome, and Firefox at least. Those are the three iOS browsers I have.

A quick fix, but maybe not the best, I don't know, is to add bottom: 0 !important to a mobile specific CSS rule targeting .Composer.

[laTruffe79]

I agree, ios users can't reply correctly.

[zerosonesfun]

To confirm, this works for me and one other person verified. Force bottom: 0; for .Composer, just for mobile widths.

https://discuss.flarum.org/d/6595-scrolltop-in-ios/7