Restrict Context Menu to Solution Node Only in Solution Explorer

[sumit140792]

Description:
In Solution Explorer, the context menu currently appears when right-clicking on the Solution node, project folders, and files.
However, I want the context menu to show only when right-clicking on the Solution node, and not when right-clicking on any file or folder.

Expected Behavior:
The context menu should appear only on the Solution node in Solution Explorer.

Actual Behavior:
The context menu is currently also appearing on project folders and files, which is not desired in my use case.

NOTE: this is our own custom menus

Steps to Reproduce:

Open a solution in Solution Explorer.

Right-click on the Solution node — context menu appears ✅ (expected).

Right-click on any file or project folder — context menu appears ❌ (not expected).

Goal:
Looking to disable or prevent the context menu from showing on files and folders, and allow it only on the Solution node.

[msujew]

Hey @sumit140792,

to accomplish this, you can likely override this method of the tree view widget:

theia/packages/core/src/browser/tree/tree-widget.tsx

Lines 1433 to 1455 in cbceb25

	protected handleContextMenuEvent(node: TreeNode | undefined, event: React.MouseEvent<HTMLElement>): void {
	if (SelectableTreeNode.is(node)) {
	// Keep the selection for the context menu, if the widget support multi-selection and the right click happens on an already selected node.
	if (!this.props.multiSelect || !node.selected) {
	const type = !!this.props.multiSelect && this.hasCtrlCmdMask(event) ? TreeSelection.SelectionType.TOGGLE : TreeSelection.SelectionType.DEFAULT;
	this.model.addSelection({ node, type });
	}
	this.focusService.setFocus(node);
	const contextMenuPath = this.props.contextMenuPath;
	if (contextMenuPath) {
	const { x, y } = event.nativeEvent;
	const args = this.toContextMenuArgs(node);
	setTimeout(() => this.contextMenuRenderer.render({
	menuPath: contextMenuPath,
	context: event.currentTarget,
	anchor: { x, y },
	args
	}), 10);
	}
	}
	event.stopPropagation();
	event.preventDefault();
	}

More specifically, you need to extend the FileNavigatorWidget and override the method in there and then rebind it correctly. See here for the binding code:

theia/packages/navigator/src/browser/navigator-frontend-module.ts

Lines 57 to 59 in cbceb25

	bind(FileNavigatorWidget).toDynamicValue(ctx =>
	createFileNavigatorWidget(ctx.container)
	);