demo · v149

Swipe to Delete

Mail-app style horizontal swipe on each row. Drag a row left and a red "delete" panel reveals in the overscroll region; release past the threshold to commit. Uses overscroll-attach: right and the snap point to gate the action — no touch event JavaScript.

try it · drag a row right-to-left (touch) or scroll-wheel sideways (desktop)

inbox5 messages

action log

code

.msg-row {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
.msg-action {
  overscroll-attach: right;     /* v149 */
  overscroll-trigger: 60px;
}

The "delete" tile lives off-screen as an overscroll attachment. The user reveals it with the same swipe gesture that's been native on iOS/Android for a decade. No JS gesture recogniser, no touch events to wire up.

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗