← Back to Guide

Interaction Model test


Monocle will move to a new interaction model with the 3.0 release:

  1. A tap in the left/right margins immediately turns the page.
  2. A horizontal swipe beginning in the left/right margins lifts the page to track the cursor. If a swipe starts left and goes right, go back one page. If a swipe starts right and goes left, go forward one page. If a swipe starts left and goes left, or starts right and goes right, cancel the lift.
  3. A tap in left/right third of the content will turn page unless the content cancels the action.* There will be no visible indicator until the end event has fired.
  4. A swipe that starts in content will turn the page in the direction of the swipe irrespective of where it starts unless the content cancels the action.* There will be no visible indicator until the end event.

* The content can cancel the action in two ways: 1) any of the constituent events (start/move/end) are defaultPrevented; or 2) a selection event occurs at any point.