Is there a better way to bring up the context menu when a button is clicked?

[limafresh]

I do it like this:

options := fyne.NewMenu("",
	fyne.NewMenuItemWithIcon(t("Clear history"), theme.DeleteIcon(), func(){}),
	fyne.NewMenuItemWithIcon(t("Show inactive accounts"), theme.VisibilityIcon(), func(){}),
)

optionsBtn.OnTapped = func() {
	popup := widget.NewPopUpMenu(options, mainWindow.Canvas())
	popup.ShowAtPosition(fyne.NewPos(mainWindow.Canvas().Size().Width - popup.MinSize().Width - 10, 60))
}

But you have to admit, this is a bit of a hack, since the coordinates are manually entered "by eye." Is there a built-in way to position the menu?

[andydotxyz]

The buttons default callback does not provide mouse info - you'll want to use the desktop extension for mouse events - extend the button and implement the desktop.Mouseable interface. You can see it in the button demo in cmd/fyne_demo.

[dweymouth]

I would do

optionsBtn.OnTapped = func() {
	origin := fyne.CurrentApp().Driver().AbsolutePositionForObject(optionsBtn) // edit: not CanvasForObject
	popup := widget.NewPopUpMenu(options, mainWindow.Canvas())
	popup.ShowAtPosition(fyne.NewPos(origin.X, origin.Y + optionsBtn.Size().Height))
}

This is similar to how the Select widget positions its dropdown if you look at that code

[limafresh]

Thanks for the code example, but it gives me:

.\main.go:220:43: origin.X undefined (type fyne.Canvas has no field or method X)
.\main.go:220:53: origin.Y undefined (type fyne.Canvas has no field or method Y)

Perhaps we have different APIs.

[dweymouth]

Oh, sorry, I meant AbsolutePositionForObject vs CanvasForObject in the first line of OnTapped

[limafresh]

Oh, sorry, I meant AbsolutePositionForObject vs CanvasForObject in the first line of OnTapped

Thanks, this code (below) works! It's apparently better than what andydotxyz suggested.

optionsBtn.OnTapped = func() {
	origin := fyne.CurrentApp().Driver().AbsolutePositionForObject(optionsBtn)
	popup := widget.NewPopUpMenu(options, mainWindow.Canvas())
	popup.ShowAtPosition(fyne.NewPos(origin.X, origin.Y + optionsBtn.Size().Height))
}

[andydotxyz]

It depends on whether you want to pop up at the mouse position or at the bottom-left of the button.

If it's the latter you might consider using the Select widget.

[limafresh]

It depends on whether you want to pop up at the mouse position or at the bottom-left of the button.

If it's the latter you might consider using the Select widget.

No, Select definitely doesn't fits here, because Select is when you need to choose one option from a list, and I need a "⋮" button with a menu, like in WhatsApp in the upper right corner of the chat. But thanks anyway.

[andydotxyz]

In case it helps in future searches what you are describing is an "overflow menu" not a "context menu".

[limafresh]

In case it helps in future searches what you are describing is an "overflow menu" not a "context menu".

Thank you, I will know!