937671 - Navigation popups are partially hidden on mobile-sized resolutions

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: Design, defect, P1)

Description

[Jean-Yves Perrier [:teoli]]

Attachment: 2013-11-12-16-23-47.png

The language menu that appear after typing on the icon next to the "Edit this page" button is partially hidden. When the Edit button is large (which happen in some language like French), the text contained in the language menu is partially out of the screen (and we cannot scroll to it).

Comment 1

[David Walsh :davidwalsh]

How do we want to handle this?  There was talk of removing the attachments table from the doc display page.  Is that still being thrown around?

Comment 2

[Jean-Yves Perrier [:teoli]]

David, are you sure your comment relates to this bug; it isn't about the attachments table? ;-)

Comment 4

[John Karahalis [:openjck]]

Happens with all navigation popups, including those in the global nav.

Comment 5

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/c35f65ed7081f33a90b89743baa0de6d05958393
fix bug 937671, 948452, 923272 - Ensure dropdown / submenus display on small screens

https://github.com/mozilla/kuma/commit/8514af7c21beae18b28715a2a91d53caf71bed01
Merge pull request #1746 from darkwing/submenu-mobiles-position

fix bug 937671, 948452, 923272 - Ensure dropdown / submenus display on small screens

Comment 6

[Jean-Yves Perrier [:teoli]]

If I look at What's deployed, it looks that this PR went to production (No PR left not pushed). But I don't see any improvement on the site? 

So, did this reached production?

Comment 7

[Jean-Yves Perrier [:teoli]]

My bad, it was a cache problem ;-)

The bug is indeed fixed: the menu is reachable at reasonable size (>=320px). It is not very convenient (often there are no margin on the right, so we don't know that the menu is not partially hidden), nor beautiful (asymetry), but it works for a MVP. These menus are likely to be revisited by Holly and Sean as they work on the small screen project.