Touch Interactions

Touch-enabled environments provide visual and interaction differences compared to mouse-based input. The following sections summarize how common spreadsheet operations behave when using touch input.

Touch Selection

In touch-enabled environments, selection indicators (circular handles) appear at the corners of the selected range instead of the mouse fill handle.

SpreadJS touch-enabled worksheet displays circular selection handles at the corners of a selected cell range instead of a mouse fill handle.

See Touch Selections for detailed behavior.

Touch Drag Fill

Drag fill is initiated from the Touch Toolbar. When AutoFill is selected, a drag fill indicator appears at the bottom-right corner of the selection.

SpreadJS touch workflow demonstrates selecting AutoFill from the Touch Toolbar and dragging the fill indicator from the selection corner.

Touch Resizing

Columns and rows can be resized by dragging the resize handle .

SpreadJS touch workflow demonstrates dragging a row or column resize handle to adjust worksheet dimensions interactively.

Double-tap the resize handle to automatically fit the content.

SpreadJS touch workflow demonstrates double-tapping a resize handle to automatically fit a row or column to its content.

Touch Scrolling

Scrolling supports vertical, horizontal, and diagonal movement with inertia. Flick gestures continue scrolling after release.

SpreadJS touch workflow demonstrates inertial vertical, horizontal, and diagonal worksheet scrolling continued by a flick gesture after release.

Touch Zooming

Zooming is performed using pinch gestures

SpreadJS touch workflow demonstrates using a pinch gesture to zoom the worksheet view in or out.

Touch Tab Strip

Tap a sheet tab to switch sheets. Double-tap to edit the sheet name when editing is enabled.

SpreadJS touch workflow demonstrates tapping a sheet tab to switch worksheets and double-tapping it to edit the sheet name.

Touch Context Menu

A two-finger tap opens the context menu, similar to a right-click in mouse-based interaction.

The context menu displays available commands based on the current selection and worksheet state.

SpreadJS touch workflow demonstrates using a two-finger tap to open the context menu for the current worksheet selection.