dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

table: Use click event instead of mouse down event (#1622)

Browse source 
Fix the issue where clicking a button inside a table row can't stop the
click event from propagating to the table, causing the `td` element to
be selected unexpectedly.
This commit is contained in:
Floyd Wang 2025-11-17 16:30:42 +08:00 committed by GitHub
parent db22454b3a
commit ed92f63a9b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
crates/ui/src/table/state.rs
View file

@ -8,10 +8,10 @@ use crate::{
v_flex, ActiveTheme, Icon, IconName, StyleSized as _, StyledExt, VirtualListScrollHandle,
};
use gpui::{
canvas, div, prelude::FluentBuilder, px, uniform_list, AppContext, Axis, Bounds, Context, Div,
DragMoveEvent, EventEmitter, FocusHandle, Focusable, InteractiveElement, IntoElement,
ListSizingBehavior, MouseButton, MouseDownEvent, ParentElement, Pixels, Point, Render,
ScrollStrategy, SharedString, StatefulInteractiveElement as _, Styled, Task,
canvas, div, prelude::FluentBuilder, px, uniform_list, AppContext, Axis, Bounds, ClickEvent,
Context, Div, DragMoveEvent, EventEmitter, FocusHandle, Focusable, InteractiveElement,
IntoElement, ListSizingBehavior, MouseButton, MouseDownEvent, ParentElement, Pixels, Point,
Render, ScrollStrategy, SharedString, StatefulInteractiveElement as _, Styled, Task,
UniformListScrollHandle, Window,
};
@ -303,21 +303,27 @@ where
.count()
}
fn on_row_click(
fn on_row_right_click(
&mut self,
ev: &MouseDownEvent,
_: &MouseDownEvent,
row_ix: usize,
_: &mut Window,
_: &mut Context<Self>,
) {
self.right_clicked_row = Some(row_ix);
}
fn on_row_left_click(
&mut self,
e: &ClickEvent,
row_ix: usize,
_: &mut Window,
cx: &mut Context<Self>,
) {
if ev.button == MouseButton::Right {
self.right_clicked_row = Some(row_ix);
} else {
self.set_selected_row(row_ix, cx);
self.set_selected_row(row_ix, cx);
if ev.click_count == 2 {
cx.emit(TableEvent::DoubleClickedRow(row_ix));
}
if e.click_count() == 2 {
cx.emit(TableEvent::DoubleClickedRow(row_ix));
}
}
@ -803,12 +809,9 @@ where
.child(
self.render_cell(col_ix, window, cx)
.id(("col-header", col_ix))
.on_mouse_down(
MouseButton::Left,
cx.listener(move |this, _, window, cx| {
this.on_col_head_click(col_ix, window, cx);
}),
)
.on_click(cx.listener(move |this, _, window, cx| {
this.on_col_head_click(col_ix, window, cx);
}))
.child(
h_flex()
.size_full()
@ -1108,18 +1111,15 @@ where
.border_color(cx.theme().selection),
)
})
.on_mouse_down(
MouseButton::Left,
cx.listener(move |this, ev, window, cx| {
this.on_row_click(ev, row_ix, window, cx);
}),
)
.on_mouse_down(
MouseButton::Right,
cx.listener(move |this, ev, window, cx| {
this.on_row_click(ev, row_ix, window, cx);
cx.listener(move |this, e, window, cx| {
this.on_row_right_click(e, row_ix, window, cx);
}),
)
.on_click(cx.listener(move |this, e, window, cx| {
this.on_row_left_click(e, row_ix, window, cx);
}))
} else {
// Render fake rows to fill the rest table space
self.delegate