Function ContextMenuContent

primitives/src/context_menu.rs:412–514

(props: ContextMenuContentProps)

/// - `data-state`: Indicates if the state of the context menu. Values are `open` or `closed`.
#[component]
pub fn ContextMenuContent(props: ContextMenuContentProps) -> Element {
    let mut ctx: ContextMenuCtx = use_context();
    let position = ctx.position;
    let (x, y) = position();

    let open = ctx.open;

    let onkeydown = move |event: Event<KeyboardData>| {
        match event.key() {
            Key::Escape => ctx.focus.clear_focus(),
            Key::ArrowDown => {
                ctx.focus.focus_next();
            }
            Key::ArrowUp => {
                if open() {
                    ctx.focus.focus_prev();
                }
            }
            Key::Home => ctx.focus.focus_first(),
            Key::End => ctx.focus.focus_last(),
            _ => return,
        }
        event.prevent_default();
    };

    let mut menu_ref: Signal<Option<std::rc::Rc<MountedData>>> = use_signal(|| None);
    let focused = move || open() && !ctx.focus.any_focused();
    // If the menu is open, but no item is focused, focus the div itself to capture events
    use_effect(move || {
        let Some(menu) = menu_ref() else {
            return;
        };
        if focused() {
            spawn(async move {
                // Focus the menu itself to capture keyboard events
                _ = menu.set_focus(true).await;
            });
        }
    });

    let unique_id = use_unique_id();
    let id = use_id_or(unique_id, props.id);

    let render = use_animated_open(id, open);

    use_outside_dismiss(ctx.root_id, move || {
        ctx.focus.clear_focus();
        ctx.set_open.call(false);
    });

    // A `position: fixed` menu pinned to a click point drifts away from the
    // click target as soon as the page scrolls. Native context menus block
    // scroll while open; match that by suppressing wheel/touchmove outside
    // the menu without mutating page-level overflow styles.
    use_effect_with_cleanup(move || {
        if !open() {
            return Box::new(|| {}) as Box<dyn FnOnce()>;
        }