Site header overlaps topic and reply composers on mobile

Contribute Bug
, ,

AI-generated summary

The issue discusses a UX problem on mobile where the site header overlaps the topic and reply composers when the keyboard is active. NateDhaliwal reports that the composer’s top is blocked by the header, providing before-and-after images to illustrate the issue. chapoi initially couldn’t reproduce it, suggesting it might already be fixed. NateDhaliwal clarifies that the header is no longer visible due to the fullscreen composer, which chapoi confirms is intentional to maximize writing space.

1

When the composer moves up due to the keyboard on mobile opening, the top of the composer is blocked by the site header.

Reply composer (normally):

The image shows a mobile app interface with a partially visible text that reads "Long repo names have no pad..." in an animated browser window. (Captioned by AI)
The image shows a mobile app interface with a partially visible text that reads "Long repo names have no pad..." in an animated browser window. (Captioned by AI)1080Ă—1176 96.3 KB

Now:

The image shows a screenshot of a discussion forum with two upward pointing arrows drawn on the typing area, highlighting some text. (Captioned by AI)
The image shows a screenshot of a discussion forum with two upward pointing arrows drawn on the typing area, highlighting some text. (Captioned by AI)1080Ă—2328 195 KB

Topic composer (normally):

The image shows a screenshot of a web forum interface with a prompt asking if the user searched before asking a question and highlighting "Create a new Topic" as the button to open a topic. (Captioned by AI)
The image shows a screenshot of a web forum interface with a prompt asking if the user searched before asking a question and highlighting "Create a new Topic" as the button to open a topic. (Captioned by AI)1080Ă—1254 113 KB

Now:

The image shows a screenshot of the Discord app on a Windows system, highlighting the option to tag words in a message by using an open parenthesis at the top of the chat input area. (Captioned by AI)
The image shows a screenshot of the Discord app on a Windows system, highlighting the option to tag words in a message by using an open parenthesis at the top of the chat input area. (Captioned by AI)1080Ă—2208 217 KB

2 Likes
2

This I can’t repro anywhere atm. Maybe already fixed in the meantime? :crossed_fingers:

1 Like
3

I think so. The site header is no longer shown when the composer is opened (because of the fullscreen composer, possibly?).

4

Yes, that’s intentional, to maximime the space to write.

1 Like