Using context_menu within visible_range will display a black shadow when you right-click.

[zhangsan-feng]

在虚拟列表中点击右键菜单会出现黑色的阴影

在其他地方就不会 不知道是不是用的不对导致的

self.items = (0..500000).map(|i| format!("Item {}", i)).collect::>(); self.item_sizes = Rc::new(self.items.iter().map(|_| size(px(200.), px(30.))).collect());

    h_flex()
        .h_full()
        .w_full()
        .items_start()
        .child(
            h_resizable("my-layout")
                .child(
                    resizable_panel()
                        .size(width * 0.2)
                        .child(
                            v_virtual_list(
                                c.entity().clone(),
                                "my-list",
                                self.item_sizes.clone(),
                                |view, visible_range, _, cx| {
                                    visible_range
                                        .map(|ix| {
                                            Button::new(ix)
                                                .label(format!("Item {}", ix))
                                                .w_full()
                                                .mt_2()
                                                .on_click(move |_, _, _| {
                                                    println!("{}",format!("Item {}", ix));
                                                })
                                                .context_menu(move |menu, _, _| {
                                                    menu
                                                        .item(
                                                            PopupMenuItem::new("new ").on_click(move |_, _, _| {
                                                                println!("{}",format!("Item {}", ix));
                                                            })
                                                        )
                                                        .item(
                                                            PopupMenuItem::new("new ").on_click(move |_, _, _| {
                                                                println!("{}",format!("Item {}", ix));
                                                            })
                                                        )
                                                })
                                        })
                                        .collect()
                                },
                            )
                                .text_center()
                                .track_scroll(&self.scroll_handle)
                        )
                        .child(
                            // Add scrollbars
                            div()
                                .absolute()
                                .top_0()
                                .left_0()
                                .right_0()
                                .bottom_0()
                                .child(
                                    Scrollbar::both(&self.scroll_state, &self.scroll_handle)
                                        .scrollbar_show(ScrollbarShow::Always)
                                        .axis(ScrollbarAxis::Vertical)
                                ).into_any_element()
                        )

                )

[ggymm]

我也遇到了类似的问题，然后我去看了示例项目。发现table组件的右键菜单是没有问题的

table的做法很简单，使用一个变量存储当前右键点击的菜单项索引同时将右键菜单绑定到列表的父容器上即可

可以参考这部分代码

gpui-component/crates/ui/src/table/state.rs

Line 303 in 64aa975

fn on_row_right_click(

gpui-component/crates/ui/src/table/state.rs

Line 1108 in 64aa975

.on_mouse_down(

gpui-component/crates/ui/src/table/state.rs

Line 1302 in 64aa975

.context_menu({

[zhangsan-feng]

你得问题也是这么解决的吗

[zhangsan-feng]

直接使用时没事的 套了层虚拟列表就会出现一圈黑乎乎的东西

[ggymm]

是的，最终我使用的就是table的方案

你说的那个黑乎乎的东西是非常多popup_menu的阴影重合在一起，因为context_menu组件的id是写死的

我最后的解决方案就是当列表每个子组件右键时赋值当前项索引，然后在父组件添加右键菜单，触发时获取当前选中索引进行剩余操作

[zhangsan-feng]

ok 感谢指导