This is an example of how the OpenFin API can be used to create 'menu' pop outs that render outside the bounds of the main window.

The first level of menus demonstrate how the OpenFin API and standard JS can be utilised to create a drop-down menu that is docked to the div/button.

The second level menu provides examples a menus that are positioned relative to the mouse click location (without requiring a lister on the mouse move event), This method is commonly used to create custom context menus.

The menus are 'frameless' OpenFin child windows (See HERE information on Window construction, positioning is managed using the following OpenFin API methods:

• Window.getBounds()
• Window.joinGroup()
• System.getMousePosition()

Clone this project locally and run

npm install

npm start

A local server (live-server) hosts the web app locally. Then the OpenFin CLI is used to launch OpenFin and render the application.