Keep momentary input on the widget the cursor is on

Tests across layers, as asked, and the fifth one found a defect older than
this branch: a press fired on a widget the cursor had just left, because the
frame its hover ends is a frame it still gets dispatched on, and `should_run`
only ever looked at the cursor. A button in the corner of a list therefore
clicked when the press landed anywhere else in the row.

A widget that is not under the cursor now sees a cursor with nothing
momentary in it, which settles both halves of the question at once: it is not
its press to receive, and not its press to take from the layers below.

`CursorSense` and `CursorButton` derive `Debug`, so a failure says which
sense fired rather than `left != right`.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
irisandClaude Opus 5 committed 2026-09-13 19:22:56 -04:00
1 parent 0a14df2cc3
commit 71ba3723ff
2 files changed
+197 -111

No files matched your search

+15 -4
View File
@@ -4,14 +4,14 @@ use std::{
rc::Rc, rc::Rc,
}; };
#[derive(Clone, Copy, PartialEq)] #[derive(Debug, Clone, Copy, PartialEq)]
pub enum CursorButton { pub enum CursorButton {
Left, Left,
Right, Right,
Middle, Middle,
} }
#[derive(Clone, Copy, PartialEq)] #[derive(Debug, Clone, Copy, PartialEq)]
pub enum CursorSense { pub enum CursorSense {
PressStart(CursorButton), PressStart(CursorButton),
Pressing(CursorButton), Pressing(CursorButton),
@@ -205,6 +205,19 @@ impl SensorUi for UiRenderState {
} }
hovered_here |= over; hovered_here |= over;
// Momentary input belongs to whatever the cursor is on. A
// widget it has just left still hears its hover ending, but
// a press landing elsewhere is neither its press to receive
// nor its press to take.
let cursor = match over {
true => cursor.clone(),
false => CursorState {
pos: cursor.pos,
exists: cursor.exists,
..Default::default()
},
};
for senses in rsc.events_mut().get_type::<CursorSense>().registered(*id) { for senses in rsc.events_mut().get_type::<CursorSense>().registered(*id) {
for sense in senses.iter() { for sense in senses.iter() {
if matches(sense, &cursor, sensor.hover) { if matches(sense, &cursor, sensor.hover) {
@@ -213,8 +226,6 @@ impl SensorUi for UiRenderState {
} }
} }
let cursor = cursor.clone();
let data = CursorData { let data = CursorData {
pos: cursor.pos - region.top_left, pos: cursor.pos - region.top_left,
size: region.bot_right - region.top_left, size: region.bot_right - region.top_left,
+182 -107
View File
@@ -1,9 +1,9 @@
//! A widget takes only what it answers to: a button over a list takes the //! Input across layers: what a widget takes, what passes through it, and
//! click and leaves the scroll. These drive `run_sensors` directly, which //! where hovering stops. These drive `run_sensors` directly, which needs no
//! needs no GPU and no window. //! GPU and no window.
use iris::prelude::*; use iris::prelude::*;
use std::{cell::Cell, rc::Rc}; use std::{cell::RefCell, rc::Rc};
struct SenseRsc { struct SenseRsc {
ui: UiData, ui: UiData,
@@ -41,140 +41,215 @@ impl HasEvents for SenseRsc {
} }
} }
fn cursor_at(pos: Vec2) -> CursorState { const WINDOW: f32 = 100.0;
CursorState {
pos, /// Every sense that has fired on one widget since it was last read.
exists: true, #[derive(Default, Clone)]
buttons: Default::default(), struct Fired(Rc<RefCell<Vec<CursorSense>>>);
scroll_delta: Vec2::ZERO,
impl Fired {
fn take(&self) -> Vec<CursorSense> {
std::mem::take(&mut self.0.borrow_mut())
} }
} }
/// A button covering a list, on the layer above it: the list scrolls, the struct Ui {
/// button clicks, and the returned flags say which fired. rsc: SenseRsc,
fn button_over_list() -> (UiRenderState, SenseRsc, Rc<Cell<bool>>, Rc<Cell<bool>>) { render: UiRenderState,
let mut rsc = SenseRsc { state: (),
ui: UiData::default(), }
events: EventManager::default(),
};
// Both cover the whole window: the button "sitting over" the list. impl Ui {
let list = rsc.ui.widgets.add_strong(Rect::new(UiColor::WHITE)); fn new() -> Self {
let list_weak = list.weak(); Self {
let button = rsc.ui.widgets.add_strong(Rect::new(UiColor::RED)); rsc: SenseRsc {
let button_weak = button.weak(); ui: UiData::default(),
events: EventManager::default(),
let scrolled = Rc::new(Cell::new(false)); },
let clicked = Rc::new(Cell::new(false)); render: UiRenderState::new(),
{ state: (),
let scrolled = scrolled.clone(); }
rsc.register_event(list_weak, CursorSense::Scroll, move |_ctx, _rsc| {
scrolled.set(true);
});
}
{
let clicked = clicked.clone();
rsc.register_event(button_weak, CursorSense::click(), move |_ctx, _rsc| {
clicked.set(true);
});
} }
// A Stack draws each child on its own layer, in order. fn listen<W: Widget + ?core::marker::Sized + 'static>(
let root = rsc &mut self,
.ui widget: &StrongWidget<W>,
.widgets senses: impl Into<CursorSenses>,
.add_strong(Stack { ) -> Fired {
children: vec![list.any(), button.any()], let fired = Fired::default();
size: StackSize::default(), let sink = fired.clone();
}) self.rsc
.any(); .register_event(widget.weak(), senses.into(), move |ctx, _rsc| {
sink.0.borrow_mut().push(ctx.data.sense)
});
fired
}
let mut render = UiRenderState::new(); /// Stacks the widgets bottom first, each on its own layer, and lays them
render.resize((100.0, 100.0)); /// out in a square window.
render.update(&root, &mut rsc); fn stack(&mut self, children: Vec<StrongWidget>) {
let root = self
.rsc
.ui
.widgets
.add_strong(Stack {
children,
size: StackSize::default(),
})
.any();
self.render.resize((WINDOW, WINDOW));
self.render.update(&root, &mut self.rsc);
}
(render, rsc, scrolled, clicked) fn cursor(&mut self, at: (f32, f32)) -> CursorState {
CursorState {
pos: at.into(),
exists: true,
buttons: Default::default(),
scroll_delta: Vec2::ZERO,
}
}
fn run(&mut self, cursor: CursorState) {
self.render.run_sensors(
&mut self.rsc,
&mut self.state,
cursor,
(WINDOW, WINDOW).into(),
);
}
}
fn full(ui: &mut Ui) -> StrongWidget<Rect> {
rect(UiColor::WHITE).add_strong(&mut ui.rsc)
} }
#[test] #[test]
fn a_button_over_a_list_scrolls_the_list_and_still_clicks() { fn hover_stops_at_the_topmost_widget() {
let (render, mut rsc, scrolled, clicked) = button_over_list(); let mut ui = Ui::new();
let mut state = (); let (bottom, middle, top) = (full(&mut ui), full(&mut ui), full(&mut ui));
let bottom_hover = ui.listen(&bottom, CursorSense::HoverStart);
let middle_hover = ui.listen(&middle, CursorSense::HoverStart);
let top_hover = ui.listen(&top, CursorSense::HoverStart);
ui.stack(vec![bottom.any(), middle.any(), top.any()]);
let mut scroll = cursor_at((50.0, 50.0).into()); let cursor = ui.cursor((50.0, 50.0));
scroll.scroll_delta = (0.0, 10.0).into(); ui.run(cursor);
render.run_sensors(&mut rsc, &mut state, scroll, (100.0, 100.0).into());
assert!( assert_eq!(top_hover.take(), [CursorSense::HoverStart]);
scrolled.get(), assert_eq!(
"a scroll over the button must still reach the list underneath it" middle_hover.take(),
); [],
assert!( "hover is not shared with a layer below"
!clicked.get(),
"a scroll is not a click; the button must not have fired"
); );
assert_eq!(bottom_hover.take(), []);
}
let mut click = cursor_at((50.0, 50.0).into()); #[test]
click.buttons.left = ActivationState::Start; fn a_scroll_passes_through_every_widget_that_does_not_want_it() {
render.run_sensors(&mut rsc, &mut state, click, (100.0, 100.0).into()); let mut ui = Ui::new();
let (list, button, overlay) = (full(&mut ui), full(&mut ui), full(&mut ui));
let scrolled = ui.listen(&list, CursorSense::Scroll);
let clicked = ui.listen(&button, CursorSense::click());
let overlay_clicked = ui.listen(&overlay, CursorSense::click());
ui.stack(vec![list.any(), button.any(), overlay.any()]);
assert!( let mut cursor = ui.cursor((50.0, 50.0));
clicked.get(), cursor.scroll_delta = (0.0, 10.0).into();
"the button on top must still receive an actual click" ui.run(cursor);
assert_eq!(
scrolled.take(),
[CursorSense::Scroll],
"two layers of click-only widgets do not stop a scroll"
); );
assert_eq!(clicked.take(), []);
assert_eq!(overlay_clicked.take(), []);
} }
#[test] #[test]
fn a_click_and_a_scroll_in_one_frame_go_to_different_widgets() { fn a_click_and_a_scroll_in_one_frame_go_to_different_widgets() {
let (render, mut rsc, scrolled, clicked) = button_over_list(); let mut ui = Ui::new();
let mut state = (); let (list, button) = (full(&mut ui), full(&mut ui));
let scrolled = ui.listen(&list, CursorSense::Scroll);
let clicked = ui.listen(&button, CursorSense::click());
ui.stack(vec![list.any(), button.any()]);
let mut both = cursor_at((50.0, 50.0).into()); let mut cursor = ui.cursor((50.0, 50.0));
both.scroll_delta = (0.0, 10.0).into(); cursor.scroll_delta = (0.0, 10.0).into();
both.buttons.left = ActivationState::Start; cursor.buttons.left = ActivationState::Start;
render.run_sensors(&mut rsc, &mut state, both, (100.0, 100.0).into()); ui.run(cursor);
assert!( assert_eq!(clicked.take(), [CursorSense::click()]);
clicked.get(), assert_eq!(
"the button takes the click it registered for" scrolled.take(),
); [CursorSense::Scroll],
assert!(
scrolled.get(),
"taking the click must not take the scroll with it" "taking the click must not take the scroll with it"
); );
} }
#[test] #[test]
fn leaving_a_widget_still_ends_its_hover() { fn only_the_topmost_listener_takes_a_press() {
let mut rsc = SenseRsc { let mut ui = Ui::new();
ui: UiData::default(), let (below, above) = (full(&mut ui), full(&mut ui));
events: EventManager::default(), let below_clicked = ui.listen(&below, CursorSense::click());
}; let above_clicked = ui.listen(&above, CursorSense::click());
let widget = rsc.ui.widgets.add_strong(Rect::new(UiColor::WHITE)); ui.stack(vec![below.any(), above.any()]);
let ended = Rc::new(Cell::new(false));
{
let ended = ended.clone();
rsc.register_event(widget.weak(), CursorSense::HoverEnd, move |_ctx, _rsc| {
ended.set(true);
});
}
let root = widget.any(); let mut cursor = ui.cursor((50.0, 50.0));
let mut render = UiRenderState::new(); cursor.buttons.left = ActivationState::Start;
render.resize((100.0, 100.0)); ui.run(cursor);
render.update(&root, &mut rsc);
let mut state = (); assert_eq!(above_clicked.take(), [CursorSense::click()]);
render.run_sensors( assert_eq!(below_clicked.take(), [], "one press goes to one widget");
&mut rsc, }
&mut state,
cursor_at((50.0, 50.0).into()), #[test]
(100.0, 100.0).into(), fn a_press_beside_the_button_reaches_the_layer_below() {
let mut ui = Ui::new();
let list = full(&mut ui);
// The row above the list covers it, but only its left half is the button.
let button = full(&mut ui);
let gap = full(&mut ui);
let list_clicked = ui.listen(&list, CursorSense::click());
let button_clicked = ui.listen(&button, CursorSense::click());
let row = ui.rsc.ui.widgets.add_strong(Span {
children: vec![button.any(), gap.any()],
dir: Dir::RIGHT,
gap: 0.0,
});
ui.stack(vec![list.any(), row.any()]);
let mut on_button = ui.cursor((20.0, 50.0));
on_button.buttons.left = ActivationState::Start;
ui.run(on_button);
assert_eq!(button_clicked.take(), [CursorSense::click()]);
assert_eq!(list_clicked.take(), []);
let mut beside_it = ui.cursor((80.0, 50.0));
beside_it.buttons.left = ActivationState::Start;
ui.run(beside_it);
assert_eq!(button_clicked.take(), [], "the cursor is not on the button");
assert_eq!(
list_clicked.take(),
[CursorSense::click()],
"a press beside the button belongs to what is under it"
); );
assert!(!ended.get(), "the cursor is still on it"); }
#[test]
fn leaving_a_widget_still_ends_its_hover() {
let mut ui = Ui::new();
let widget = full(&mut ui);
let hover = ui.listen(&widget, CursorSense::HoverStart | CursorSense::HoverEnd);
ui.stack(vec![widget.any()]);
let cursor = ui.cursor((50.0, 50.0));
ui.run(cursor);
assert_eq!(hover.take(), [CursorSense::HoverStart]);
let mut gone = cursor_at((50.0, 50.0).into()); let mut gone = ui.cursor((50.0, 50.0));
gone.exists = false; gone.exists = false;
render.run_sensors(&mut rsc, &mut state, gone, (100.0, 100.0).into()); ui.run(gone);
assert!(ended.get(), "leaving a widget ends its hover"); assert_eq!(hover.take(), [CursorSense::HoverEnd]);
} }