Viewport Resize Behavior: resizes-content

Options

Visual Viewport

Some browsers allow negative scrollX/scrollY, and allow the same for the Visual Viewport’s pageTop/pageLeft. This may conflict with positioning the Visual Viewport box, so there’s a few fixes one can apply

Do not adjust values when overscrolling

Clamp values between 0 and max scroll when overscrolling

Shrink height/width when overscrolling

Positioning method to use

position: absolute;

position: fixed;