Search.../
  1. APIs

getCurrentViewport( )

Gets the viewport currently selected in the Editor.

Description

The getCurrentViewport() function returns a Promise that resolves to an object containing details about the currently selected viewport. To use this function on an inner (nested) widget, use getScopedWixEditor().

Syntax

function getCurrentViewport(): Promise<Viewport>

getCurrentViewport Parameters

This function does not take any parameters.

Returns

Fulfilled - Object with the current Editor viewport.

Return Type:

Promise<Viewport>
NAME
TYPE
DESCRIPTION
type
string

Type of viewport (DESKTOP, MOBILE, or TABLET)

An
viewportRange

object representing the current viewport's range.

Was this helpful?

Get the current viewport

Copy Code
1import wixEditor from 'wix-editor';
2

3// ...
4

5wixEditor.getCurrentViewport()
6  .then(viewport => {
7  // Your code that uses the 'viewport' value goes here
8  }); 
9  
10/* For example, `viewport` can be: 
11  {
12    type: "DESKTOP",
13    range: {
14      minWidth: 1001,
15      maxWidth: undefined
16    }
17  }
18*/