C3.13.3Edge gesture versus horizontal scrolldesignresearch

Direct conflict between edge gestures and in-app horizontal scrolling

Aliases: pager versus back · carousel clash · sideways steal

What it is

A full-width horizontal list, photo pager, or marquee flips in the same direction as a shell gesture that enters from the side. A finger sliding right from the left edge may mean “previous” or “enter.” This is not a fine adjustment of band width. Two gestures want the same trace. The clash appears when the app content itself can scroll sideways.

Why it happens

The edge recognizer claims the pointer by origin; the horizontal-scroll recognizer claims it by direction. Origin on the edge and direction inward make both claims true at once. The system usually lets the edge win, so a pager cannot flip further on the first (or last) item, or every edge-started flip becomes an entrance. If a sideways slide that starts mid-content still works, people invent a weird rule—“the middle slides, the edge doesn’t”—without knowing why. Nested sideways strips inside a vertical feed tile the clash onto every row’s left edge.

Studying it

With a full-width pager and system edge gestures on, slide right from the left edge, from 20% in, and from center. Log entrance rate versus page-flip rate. Split the first item from a middle item: rightward on the first is often “no previous” plus an edge entrance. Add a condition that enables the edge gesture only when there is no horizontal-scroll parent. Field logs of “I wanted the previous photo and left the app” are this clash’s fingerprint.

Where it stops holding

Vertical scroll is orthogonal to left/right edge gestures, so the clash is weaker, though diagonals still hit it. Replacing the pager with tap arrows removes the clash and also removes gesture browsing. Some systems let an app declare “this region eats horizontal scroll,” enabling the edge only when that competitor is absent; the clash can then be lifted locally. RTL layouts swap “previous” and “enter from the right”; calibration must mirror.

Applying it

  • Do not expect a full-width sideways surface to flip from the very outer edge. Leave a clear inner strip for paging, or on first/last pages supply arrows for the side the edge ate.
  • If the shell edge gesture is configurable, request content-first on a sideways canvas, and hand the pointer to the edge only when scroll is already at the end and the pull continues that way.
  • Stand on the first photo and slide from the left edge. If you leave the app instead of rubber-banding “no previous,” the clash is real. From mid-image, paging should still work.

Related

  • Same group: C3.13.1 An edge swipe depends on the screen boundary as its starting feature · C3.13.2 Width of the edge hot zone versus false triggering · C3.13.4 Curved and bezel-less screens change the physics of the edge band
  • Adjacent: C3.05 Swipe · C3.14 Back gestures
  • Search: horizontal scroll conflict · pager edge · gesture contention

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/C3.13.3