# Touch Interactions

## Content

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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/image-20260630.1cd01f.png?width=250)
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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/dragFill-20260630.9dc776.gif?width=400)

### 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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/resize-20260630.d2c125.gif?width=400)
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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/autoFit-20260630.f16f16.gif?width=400)

### 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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/scrolling-20260630.ae4ce3.gif?width=400)

### Touch Zooming

Zooming is performed using pinch gestures
![SpreadJS touch workflow demonstrates using a pinch gesture to zoom the worksheet view in or out.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/zoom-20260630.182b03.gif?width=400)

### 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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/touchTabStrip-20260630.3fb098.gif?width=400)

### 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.](https://cdn.mescius.io/document-site-files/images/b2223940-43c2-44cf-8eda-f5ab9acd84f0/contextMenu-20260630.875fe8.gif?width=400)