This is an experimental technology
Check 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.
Bubbles | No |
---|---|
Cancelable | No |
Interface | Event |
Event handler property | onresize |
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() { ... };
Specifications
Specification | Status | Comment |
---|---|---|
Visual Viewport API The definition of 'VisualViewport events' in that specification. |
Draft | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
resize event | Chrome
Full support
62
| Edge Full support 79 | Firefox
Full support
66
| IE No support No | Opera
Full support
49
| Safari Full support 13 | WebView Android
Full support
62
| Chrome Android
Full support
62
| Firefox Android
Full support
68
| Opera Android
Full support
46
| Safari iOS Full support 13 | Samsung Internet Android
Full support
8.0
|
Legend
- 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.