New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 762662 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Dec 19
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 1
Type: Bug

Blocked on:
issue 869282

Blocking:
issue 761190



Sign in to add a comment

Implement submenu behavior for "more actions" and overflow

Project Member Reported by mcirimele@chromium.org, Sep 6 2017

Issue description

In https://bugs.chromium.org/p/chromium/issues/detail?id=740821 we decided to use the popup instead of the submenu pattern for M61. 

Starting a new bug to track implementing the submenu pattern.
IxD spec (image 6-8): https://gallery.googleplex.com/projects/MCHbtQVoQ2HCZbHF01iRNpsj/files/MCEVSrWNo2D1o3JYgiwZAP0nwMSJbxAVNpw
 
Labels: -Pri-3 Pri-2

Comment 2 by fukino@chromium.org, Oct 18 2017

Cc: weifangsun@chromium.org
Labels: -M-63 M-64
Owner: fukino@chromium.org
Status: Assigned (was: Untriaged)
Blocking: 761190
Labels: -M-64 M-65
Labels: -M-65 M-66

Comment 6 by sashab@chromium.org, Feb 16 2018

Labels: CrOS-FilesApp-FileIntents
<files-triage>

Comment 7 by sashab@chromium.org, Feb 28 2018

Labels: -CrOS-FilesApp-FileIntents CrOSFilesFeature-FileIntents
Labels: -M-66
Owner: ----
Status: Available (was: Assigned)
Cc: slangley@chromium.org
Labels: M-70
Owner: lucmult@chromium.org
Status: Assigned (was: Available)
Could we take a look at this for M70? I think this will enable a lot of the additional functionality we are planning for for Files.
Cc: baileyberro@chromium.org zentaro@chromium.org
Owner: noel@chromium.org
Noel - another one that would be nice to have for M-70, can you fit this in?
Labels: -Pri-2 Pri-1
Labels: -M-70 M-71 OS-Chrome
Owner: ----
Labels: -M-71 Files-Fixit-2018 M-72
Status: Available (was: Assigned)
Owner: adanilo@chromium.org
Status: Assigned (was: Available)
Status: Started (was: Assigned)
Blockedon: 869282
Attaching screenshot of implementation. Note, sub-menu tries to hang off the right hand side if there's space, but will position on the left side of its parent menu if it would get clipped. Also, the bottom of the sub-menu is limited to 2px from the bottom of the window and can scroll if there are clipped items.
Sub-Menu-screenshot.png
248 KB View Download
Project Member

Comment 20 by bugdroid1@chromium.org, Dec 10

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/25926832c991e99daffc84bac34b900c7fca924d

commit 25926832c991e99daffc84bac34b900c7fca924d
Author: Alex Danilo <adanilo@chromium.org>
Date: Mon Dec 10 06:29:10 2018

Add support for nested menus in share button.

This adds a menu implementation that supports nested menus
for the overflow menu case. It uses the webUI model for the
underlying implementation and manages the sub-menu interaction.
In the FilesApp this is connected to the 'share' sub-menu
to handle the case when there are lots of share items and
they won't fit inside the viewport if added to a single
menu. The MultiMenuButton implementation should be generic
enough to use in other parts of the FilesApp where overflow
sub-menu patterns are needed.

Change-Id: Iaaf74e43c212c696d810d26d96e4e7c9eb4bf32c
Bug:  762662 
Test: Ran all browser tests, closure compile and manual testing
Reviewed-on: https://chromium-review.googlesource.com/c/1364431
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#615056}
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/css/file_manager.css
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/file_manager_commands.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/file_tasks.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/main_scripts.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/task_controller.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/task_controller_unittest.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/ui/BUILD.gn
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/ui/files_menu.js
[add] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/foreground/js/ui/multi_menu.js
[modify] https://crrev.com/25926832c991e99daffc84bac34b900c7fca924d/ui/file_manager/file_manager/main.html

Labels: -M-72 M-73
Project Member

Comment 22 by bugdroid1@chromium.org, Dec 13

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/ef560dcd4b31e13e6b614204163b5d645322c47c

commit ef560dcd4b31e13e6b614204163b5d645322c47c
Author: Alex Danilo <adanilo@chromium.org>
Date: Thu Dec 13 08:57:51 2018

Add unit test for MultiMenuButton (sub-menus)

This is the initial unit test for the sub-menu implementation. The test
checks that showing the main menu hosted by a menu-button doesn't cause
the sub-menu to display.

Change-Id: I279300d073a09a4f6a8ef848f84b2662769fcabf
Bug:  762662 
Reviewed-on: https://chromium-review.googlesource.com/c/1375191
Commit-Queue: Noel Gordon <noel@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#616250}
[modify] https://crrev.com/ef560dcd4b31e13e6b614204163b5d645322c47c/chrome/browser/chromeos/file_manager/file_manager_jstest.cc
[modify] https://crrev.com/ef560dcd4b31e13e6b614204163b5d645322c47c/ui/file_manager/file_manager/foreground/js/ui/BUILD.gn
[add] https://crrev.com/ef560dcd4b31e13e6b614204163b5d645322c47c/ui/file_manager/file_manager/foreground/js/ui/multi_menu_unittest.js

Project Member

Comment 23 by bugdroid1@chromium.org, Dec 18

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/5ea1d6cc04ee3146d6866f8a6b3ee58d0e1c246e

commit 5ea1d6cc04ee3146d6866f8a6b3ee58d0e1c246e
Author: Alex Danilo <adanilo@chromium.org>
Date: Tue Dec 18 23:42:23 2018

Added multiple unit tests for sub-menu behavior.

Add unit tests to exercise the sub-menu functionalilty for
various mouse events (over, out, mousedown). Also checking
click outside the menu area hides all the displayed menus.

Bug:  762662 
Change-Id: I6ecd7527567ca002a117a14694ba064684213942
Reviewed-on: https://chromium-review.googlesource.com/c/1381318
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#617672}
[modify] https://crrev.com/5ea1d6cc04ee3146d6866f8a6b3ee58d0e1c246e/ui/file_manager/file_manager/foreground/js/ui/BUILD.gn
[modify] https://crrev.com/5ea1d6cc04ee3146d6866f8a6b3ee58d0e1c246e/ui/file_manager/file_manager/foreground/js/ui/multi_menu.js
[modify] https://crrev.com/5ea1d6cc04ee3146d6866f8a6b3ee58d0e1c246e/ui/file_manager/file_manager/foreground/js/ui/multi_menu_unittest.js

Labels: -Files-Fixit-2018
Status: Fixed (was: Started)
Landed with unit tests. Will re-use for https://bugs.chromium.org/p/chromium/issues/detail?id=869282 and anywhere else it makes sense to.

Sign in to add a comment