Prevent open change when clicking dropdown item

[yf-yang]

Hi everyone,

I'd like to create a dropdown menu, which contains one special item. When the item is clicked, the dropdown menu will not close, instead it would do some other stuff, such as replace the item with different contents. Other items are remaining the same, so they would close the menu when clicked.

I've checked the source code, but got stuck with its complexity. Does anyone know if this is achievable?

[yf-yang]

preventDefault in onSelect handler

reference:

primitives/packages/react/menu/src/Menu.tsx

Lines 621 to 633 in 7e8f720

	const handleSelect = () => {
	const menuItem = ref.current;
	if (!disabled && menuItem) {
	const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
	menuItem.addEventListener(ITEM_SELECT, (event) => onSelect?.(event), { once: true });
	dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
	if (itemSelectEvent.defaultPrevented) {
	isPointerDownRef.current = false;
	} else {
	rootContext.onClose();
	}
	}
	};