1297412 - Implement HTML Popup Menu

Status: NEW

(DevTools :: Framework, defect, P3)

Description

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Some parts of the DevTools UI requires a popup menu.

E.g.
* IFrame picker command button on Toolbox toolbar
* All-tabs-Menu for Inspector panel sidebar (bug 1281789)

The current Menu component (client/framework/menu) is based on <xul:menupopup> and so, represents a blocker in our XUL -> HTML effort.

We should implement a new HTML based component supporting the same interface as the current Menu.

The component can utilize existing tooltip api, HTML5 context menu or React. We should start with a simple solution.

Honza

Comment 1

[Brian Grinstead [:bgrins]]

Note that we can and should continue using the Menu API even in HTML docs running in chrome scope. We will just get an error when it's opened if running in content priv, which is what this bug will address

Comment 2

[Julian Descottes [:jdescottes]]

(In reply to Jan Honza Odvarko [:Honza] from comment #0)
> Some parts of the DevTools UI requires a popup menu.
> 
> The component can utilize existing tooltip api, HTML5 context menu or React.
> We should start with a simple solution.
> 

Just for reference the html Tooltip API implemented for devtools-html is at HTMLTooltip.js [1].

[1] http://searchfox.org/mozilla-central/source/devtools/client/shared/widgets/HTMLTooltip.js

Comment 3

[[e-mail]]

Helen(UX) call this as `additional menu` in bug 1292054

It also appears in

* All-tabs-Menu for Network monitor panel sidebar

Since the sidebar tabs are formed by react, we might refer http://instructure-react.github.io/react-menu/ to make our version of Popup/additional Menu