> ## Documentation Index
> Fetch the complete documentation index at: https://rive-docs-scripting-mesh-buffers.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Selection and Navigation

> Select objects, move through nested groups, and navigate the stage.

export const YouTube = ({id, timestamp}) => {
  const videoSrc = timestamp ? `https://www.youtube.com/embed/${id}?start=${timestamp}` : `https://www.youtube.com/embed/${id}`;
  return <iframe width="100%" height="400" src={videoSrc} title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />;
};

Use selection and navigation controls to choose objects, move through nested groups, and move around the stage.

<Tip>
  For a complete list of shortcuts, see [Keyboard Shortcuts](/editor/keyboard-shortcuts).
</Tip>

## Selecting Objects

<YouTube id="xQK498Y1J8M" />

Click an object to select it. To select multiple objects, drag over them to create a marquee selection.

Hold `Shift` while clicking or dragging to add objects to the current selection or remove selected objects.

### Select Objects Inside Groups

To select an object inside a group, double-click the object. This moves you one level down in the hierarchy, so you can select objects inside that group.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/fundamentals/DoubleClick2.gif?s=1739d7c9610bb54d49151b60d73b4bb8" alt="Double Click" width="800" height="459" data-path="images/editor/fundamentals/DoubleClick2.gif" />

### Deep Select

To select an object inside nested groups, hold `⌘` on macOS or `Ctrl` on Windows, then click the object.

Deep select lets you select an object directly, even when it is inside multiple groups.

<Note>
  [Targets](/editor/fundamentals/groups#target) are directly selectable on the stage. You don't need to use **Deep Select** to select them.
</Note>

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/fundamentals/DeepSelect.gif?s=ac87d9fd4d80c7f0e8a9893b56689450" alt="Deep Select" width="800" height="459" data-path="images/editor/fundamentals/DeepSelect.gif" />

### Select Behind

When you hover over an object on the stage, Rive outlines the object that will be selected if you click.

If multiple objects overlap, press `Alt` to cycle through objects under the cursor. When the object you want is outlined, click to select it.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/interface-overview/select-behind.gif?s=84c5f564e68c3e0cfa349431bb6aea16" alt="Select behind" width="640" height="341" data-path="images/editor/interface-overview/select-behind.gif" />

### Moving Up and Down the Hierarchy

Use `Enter` and `Esc` to move through nested objects in the hierarchy.

* Press `Enter` to move down into the selected group and select its first child.
* Press `Esc` to move up and select the parent of the current selection.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/fundamentals/EnterAndEscape.gif?s=1ccd8404fac2d0ca03a8216520709a7d" alt="Enter And Escape" width="800" height="459" data-path="images/editor/fundamentals/EnterAndEscape.gif" />

## Navigating the Stage

### Pan

To pan the stage, right-click and drag.

You can also hold `Spacebar` to temporarily switch to the Pan tool, then click and drag to move around the stage.

If you're using a trackpad, scroll left or right to pan horizontally.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/interface-overview/pan.gif?s=608d10f05d6c8f18d1130d2aa18a1b4a" alt="Panning the stage" width="1384" height="997" data-path="images/editor/interface-overview/pan.gif" />

### Zoom

To zoom in or out, place your cursor over the stage, then hold `⌘` on macOS or `Ctrl` on Windows and scroll.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/interface-overview/zoom.gif?s=92eb0130cc637168c2bd2db491ef3444" alt="Zooming the stage" width="1385" height="998" data-path="images/editor/interface-overview/zoom.gif" />

You can also use keyboard shortcuts:

* Press `+` to zoom in.
* Press `-` to zoom out.
* Press `⌘` + `0` on macOS or `Ctrl` + `0` on Windows to return to 100%.

### Fit Selection

Press `F` to fit the current selection in the viewable stage area.

<img src="https://mintcdn.com/rive-docs-scripting-mesh-buffers/3U3CRbQr3g_OgpjQ/images/editor/interface-overview/fit-selection.gif?s=abebc017ad081ad398caec55befb6644" alt="Fitting the selected object in view" width="1381" height="993" data-path="images/editor/interface-overview/fit-selection.gif" />

If an object is selected, Rive fits that object in view. If an artboard is selected, Rive fits the artboard in view.

<Tip>
  If you lose track of an artboard or object on the stage, select it in the hierarchy and press `F` to fit it in view.
</Tip>
