---
title: "DIV onresize with LemonadeJS v2"
description: "LemonadeJS v2 archive. Learn how to implement a custom DIV onresize event using LemonadeJS"
source: https://lemonadejs.com/docs/v2/examples/div-onresize/
---
DIV onresize
============
There is no support via native JavaScript to track changes in the width and height of a DIV. So, in the following example, we will show a simple implementation to track the changes in dimensions of a DIV using LemonadeJS.
Example
-------
Tracking changes in a DIV dimensions example
### Source code
```html
```
[See this example on codesandbox](https://codesandbox.io/s/lemonadejs-onresize-div-td5ng)
A pure vanilla implementation
-----------------------------
Although this site is dedicated to LemonadeJS, for education purposes, we present you with a pure javascript vanilla implementation using onmousemove.
Pure vanilla implementation
[DIV onresize example on jsfiddle](https://jsfiddle.net/lemonadejs/ugj7tc0f/)
### Source code
```html
Pure vanilla implementation
```
### The CSS used for this section
If you wish to test the examples of this section, please copy this CSS to your project.
```css
.resizable {
resize: both;
overflow: auto;
width: 200px;
border: 1px solid black;
padding: 20px;
}
```