Page MenuHomePhabricator

Opened menus overlap in mobile view (Expectation: when one menu is clicked other open menus should close)
Closed, ResolvedPublic

Assigned To
None
Authored By
Kaartic
Nov 22 2016, 10:40 AM
Referenced Files
F4821761: Menus overlap - 2.png
Nov 22 2016, 10:40 AM
F4821756: Menus overlap.png
Nov 22 2016, 10:40 AM
F4821759: Menus overlap - 1.png
Nov 22 2016, 10:40 AM
F4821763: Menus overlap - 3.png
Nov 22 2016, 10:40 AM
Subscribers

Description

When two or more menus are clicked in the mobile website of phabricator they are overlapped instead of being displayed independently as is done in the desktop site.

Screenshots that show the issue

Menus overlap.png (800×480 px, 55 KB)

Menus overlap - 1.png (800×480 px, 62 KB)

Menus overlap - 2.png (800×480 px, 84 KB)

Menus overlap - 3.png (800×480 px, 85 KB)

Expected results
Menus are shown independently

Actual results
Menus are overlapped

Event Timeline

How does this create any problem? What does "displayed independently" mean?
I get exactly the same behavior in Firefox 50 on a desktop machine...

How does this create any problem?

  1. It clutters the display.
  2. The cluttered display possibly causes trouble to the user as shown in the first screenshot.
  3. The currently active menu is not known

The main point is utterly clutters the display as shown in the screenshots.

What does "displayed independently" mean?

When one menu is clicked any other open menu must be close.

I get exactly the same behavior in Firefox 50 on a desktop machine...

I didn't get that. You see overlapping menus in the desktop browser ? Actually I don't get overlapping menus.

I get exactly the same behavior in Firefox 50 on a desktop machine...

I didn't get that. You see overlapping menus in the desktop browser ? Actually I don't get overlapping menus.

Yes, I see overlapping menus in a desktop browser with a very small browser window width, as there is no "mobile version of Phabricator". :)

Aklapper renamed this task from Menus overlap in the mobile version of the phabricator site to Opened menus overlap in mobile view (Expectation: when one menu is clicked other open menus should close).Nov 22 2016, 2:11 PM
Aklapper triaged this task as Low priority.
Aklapper edited projects, added Phabricator (Upstream); removed Phabricator.

Yes, I see overlapping menus in a desktop browser with a very small browser window width, as there is no "mobile version of Phabricator". :)

You are right about that. I saw that just now. The problem doesn't seem to occur in a full screen browser but when the size of the browser is reduced then the problem occurs. I actually meant the version of the phabricator displayed for the mobile browsers. :)

Aklapper changed the task status from Open to Stalled.May 27 2020, 11:01 AM

Cannot reproduce anymore in a small window with Firefox 76 on desktop - when I open a new dropdown the other open one closes here.
@Kaartic: Can you still reproduce in some place? If yes, a clear list of steps to reproduce (click by click) would be welcome!

Cannot reproduce anymore in a small window with Firefox 76 on desktop - when I open a new dropdown the other open one closes here.

I can confirm the same on a Firefox 76.0.1 on desktop and Firefox Preview (Fenix) 5.0.0 on mobile.

@Kaartic: Can you still reproduce in some place?

So, that's a no :)

Aklapper changed the task status from Invalid to Resolved.May 27 2020, 1:48 PM

Yay, thanks for the quick reply!