brent/phonograph
1
0
Fork 0
forked from 2sys/phonograph
Code Pull requests Activity

fix selection confusion when clicking between cells

Browse source
This commit is contained in:
Brent Schroeter 2026-01-20 18:53:58 +00:00
parent d575c058ee
commit c6ac79f1de
3 changed files with 48 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
svelte/src/datum-editor-common.svelte.ts Normal file
View file

@ -0,0 +1,12 @@
/**
* Propagating blur events upwards from the `<DatumEditor>` component is
* debounced so that switching focus between elements does not cause spurious
* `on_blur()` calls.
*
* The `<TableViewer>` component must wait at least 1 tick longer than this
* before updating selections on cell click, or any updates to the previous
* selection may be applied to the new selection instead. (This approach is not
* technically airtight if click events are happening very quickly, but it's
* plenty close enough when we're working with a human user.)
*/
export const BLUR_DEBOUNCE_MS = 100;

2
svelte/src/datum-editor.svelte
View file

@ -86,7 +86,7 @@ example within the `<TableViewer />` or `<ExpressionEditor />`.
}
function handle_blur(ev: FocusEvent) {
// Propagating of blur events upwards is debounced, so that switching focus
// Propagating blur events upwards is debounced so that switching focus
// between elements does not cause spurious `on_blur()` calls.
if (blur_timeout !== undefined) {
clearTimeout(blur_timeout);

11
svelte/src/table-viewer.webc.svelte
View file

@ -24,6 +24,7 @@
parse_datum_from_text,
} from "./datum.svelte";
import DatumEditor from "./datum-editor.svelte";
import { BLUR_DEBOUNCE_MS } from "./datum-editor-common.svelte";
import { type Row, type FieldInfo, field_info_schema } from "./field.svelte";
import FieldAdder from "./field-adder.svelte";
import FieldHeader from "./field-header.svelte";
@ -672,6 +673,10 @@
region: "main",
rows: lazy_data.rows,
on_cell_click: (ev: MouseEvent, coords: Coords) => {
// Must wait out `BLUR_DEBOUNCE_MS` before switching selection to
// avoid committing updates to the wrong cells. Refer to docs for
// `BLUR_DEBOUNCE_MS`.
setTimeout(() => {
if (ev.metaKey || ev.ctrlKey) {
set_selections([
coords,
@ -684,6 +689,7 @@
} else {
move_cursor(coords);
}
}, BLUR_DEBOUNCE_MS + 1);
},
})}
</div>
@ -705,6 +711,10 @@
region: "inserter",
rows: inserter_rows,
on_cell_click: (ev: MouseEvent, coords: Coords) => {
// Must wait out `BLUR_DEBOUNCE_MS` before switching selection
// to avoid committing updates to the wrong cells. Refer to docs
// for `BLUR_DEBOUNCE_MS`.
setTimeout(() => {
if (ev.metaKey || ev.ctrlKey) {
set_selections([
coords,
@ -717,6 +727,7 @@
} else {
move_cursor(coords);
}
}, BLUR_DEBOUNCE_MS + 1);
},
})}
</div>