Displays data-dropdown-menu like menu-icon

I want to display a dropdown menu button like a menu-icon where we have to press the button instead of directing the cursor to exit the menu

```

• 
  Item 1
  
  
  
  • Item 1A
  
  
  
  
  


• Item 2


• Item 3


• Item 4

Start by reproducing the supplied HTML example and tracing the existing data-dropdown-menu behavior in the project. Determine the interaction change needed so the dropdown is controlled by pressing its menu button rather than moving the cursor away, then verify that behavior with the example markup.

Written by the indexing model from the issue text.