NIPEOpen Source

Project / 08 · Browser Primitives

React Viewport

ALPHA

Shared reactive visual-viewport, zoom, keyboard-occlusion and safe-area geometry for React logic when CSS or a one-off browser API read is not enough.

Purpose

CSS owns layout. React Viewport exposes geometry to application logic. Use it when React needs a consistent reactive snapshot shared across consumers.

Source

Scope & ownership

  • What it owns

    Shared layout and visual viewport state, scale, offsets, safe-area values and measured or inferred keyboard occlusion.

    Source

Boundaries & limitations

What the application owns

Layout, focus, scrolling and responsive breakpoints. Physical iPhone Safari and Android Chrome testing is pending; keyboard inference has documented limits.

Source

Install

npm install @nipe-solutions/react-viewport@0.1.0-alpha.0

MIT license · @nipe-solutions/react-viewport · 0.1.0-alpha.0