css icon indicating copy to clipboard operation
css copied to clipboard

Published 20 hours ago • verified publisher icon primer

Menu on GitHub disappears into top of screen on mobile

Open extua opened this issue 1 year ago • 2 comments

Firstly, this is an issue with the GitHub interface. Please indicate if I should post this elsewhere.

Describe the bug When opening the ... menu on the top right of GitHub on my mobile, the menu expands upwards and disappears into the top of the screen.

To Reproduce

  1. Go to any user page
  2. Click on the menu on the top right

See the menu expands above into the top of the screen, leaving the user unable to select the options above.

Expected behavior

The menu should expand downwards when there is not enough space above it.

Screenshots

Menu on profile page

Phone screenshot showing menu issue on profile page

Menu on issue page

Truncated phone screenshot showing menu issue on this issue page

Smartphone

  • OS: Android 13
  • Browser: Firefox Mobile version 120.0

extua avatar Nov 30 '23 11:11 extua

@extua That's strange!

Is this still happening for you? Are you able to reproduce this on another browser? (I was not able to reproduce this on my device across Firefox and Safari)

siddharthkp avatar Dec 11 '23 10:12 siddharthkp

@siddharthkp thanks for asking - that menu is back to normal, it now opens downwards, but I've since noticed the hamburger menu which comes in from the left is clipping through the top of the screen.

Screenshot_2023-12-19-20-24-50-27_3aea4af51f236e4932235fdada7d1643

I think this is an issue where the site is miscalculating the screen height and clipping the menu through the top.

I'm able to reproduce this with Chrome, version 120.0.6099.115 on Android 13.

Screenshot_2023-12-19-20-36-22-43_40deb401b9ffe8e1df2f1cc5ba480b12

extua avatar Dec 19 '23 12:12 extua

Closing this as it doesn't seem to be an issue anymore. Please reopen if this is still relevant

pksjce avatar Apr 02 '24 00:04 pksjce