Web/API/VisualViewport/resize event

This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

The resize event of the VisualViewport interface is fired when the visual viewport is resized.

Examples

You can use the resize event in an addEventListener method:

visualViewport.addEventListener('resize', function() {
  ...
});

Or use the onresize event handler property:

visualViewport.onresize = function() {
  ...
};

Specification	Status	Comment
Visual Viewport APIThe definition of 'VisualViewport events' in that specification.	Draft	Initial definition

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`resize` event Experimental'	Chrome Full support 62 Full support 62 Partial support 61	Edge Full support 79	Firefox Full support 66 Disabled' Full support 66 Disabled' Disabled' From version 66: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE No support No	Opera Full support 49 Full support 49 Partial support 48	Safari Full support 13	WebView Android Full support 62 Full support 62 Partial support 61	Chrome Android Full support 62 Full support 62 Partial support 61	Firefox Android Full support 68 Full support 68 Full support 66 Disabled' Disabled' From version 66: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android Full support 46 Full support 46 Partial support 45	Safari iOS Full support 13	Samsung Internet Android Full support 8.0 Full support 8.0 Partial support 8.0

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.': Experimental. Expect behavior to change in the future.
User must explicitly enable this feature.': User must explicitly enable this feature.