FileViewerViewport

FileViewerViewport is the scroll and clipping boundary for routed documents. It must live inside FileViewerInset, and FileViewerDocument must live inside it.

Copy<FileViewerInset>
  <FileViewerViewport>
    <FileViewerDocument />
  </FileViewerViewport>
</FileViewerInset>

Behavior

• Renders a data-slot="file-viewer-viewport" element.
• Defines the scroll and clipping boundary that routed documents render inside.
• Keeps animated width out of React measurement; document sizing comes from the FileViewer document-frame contract.
• Throws in development when it is rendered outside FileViewerInset.
• Renderer internals use the frame contract for deterministic document sizing; app composition should treat the viewport as an anatomy boundary.

API Reference

Source

"use client";

import * as React from "react";

import { cn } from "@/lib/utils";

import {
  useOptionalFileViewerShellStatic,
  useFileViewerShellStatic,
} from "./file-viewer-context";
import {
  FileViewerDocumentFrameProvider,