ContextMenu in macOS App SwiftUI on Button Tap

Question

I want to tap a button and show a context menu in SwiftUI for a macOS app. I can see the button but when I tap the button nothing happens.

let menuItems = ContextMenu {
        Button("Today") {}
        Button("Tomorrow") {}
    }

 Button {
                    // action
                } label: {
                    Label("Add Date", systemImage: "calendar")
                        .contextMenu(menuItems)
                }

Any ideas?

Asperi · Accepted Answer · 2021-11-25 17:30:24Z

4

It seems to me that you just look for menu with button style, like

 Menu {
      Button("Today") {}
      Button("Tomorrow") {}
 } label: {
      Label("Add Date", systemImage: "calendar")
 }
 .menuStyle(.borderedButton)

answered Nov 25, 2021 at 17:30

Asperi

262k28 gold badges594 silver badges888 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ScottM · Accepted Answer · 2021-11-25 16:57:40Z

-1

Placing a Button around the context menu means that the button is managing all the click events, and none of them get through to the contextMenu modifier.

You could move the modifier to attach onto the button itself, and you get something that executes the button action on left click, but displays the context menu when right-clicked:

  Button {
    print("Clicked")
  } label: {
    Label("Add Date", systemImage: "calendar")
  }
  .contextMenu(menuItems)

Context menu displayed on button

answered Nov 25, 2021 at 16:57

ScottM

10.9k1 gold badge39 silver badges59 bronze badges

2 Comments

Mary Doe Over a year ago

Thanks! This work but how can I make it work on Button tap. Your code works when I right click on the Button.

ScottM Over a year ago

I've not had a need to context menus on left click in macOS so I don't 100% know, I'm afraid! The closest I can find in the docs is to use Menu instead, which produces a drop-down style menu. By default it expands horizontally to fill the whole space, but you could use a frame modifier if needed.

Collectives™ on Stack Overflow

ContextMenu in macOS App SwiftUI on Button Tap

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related