Commit32cabe1

authored

Notify when element size is changed

1 parente324a05 commit32cabe1Copy full SHA for 32cabe1

File tree

+18

-0

lines changed

+18

-0

lines changed

Lines changed: 18 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@`
`31`	`31`	`\|25\|[Check if a string is a valid JSON](#Check-if-a-string-is-a-valid-JSON)\|`
`32`	`32`	`\|26\|[getBoundingClientRect](#getBoundingClientRect)\|`
`33`	`33`	`\|27\|[Check if a node is in the viewport](#Check-if-a-node-is-in-the-viewport)\|`
	`34`	`+\|28\|[Notify when element size is changed](#Notify-when-element-size-is-changed)\|`
`34`	`35`
`35`	`36`
`36`	`37`
`@@ -577,4 +578,21 @@ observer.observe(image);`
`577`	`578`
`578`	`579`	```
`579`	`580`
	`581`	`+[⬆ Back to Top](#table-of-contents)`
	`582`	`+### Notify when element size is changed`
	`583`	`+see our codepen: https://codepen.io/JSsnippets/pen/dyYoYVX`
	`584`	+```javascript
	`585`	`+constfoo=document.getElementById("foo");`
	`586`	`+`
	`587`	`+constobserver=newResizeObserver((entries)=> {`
	`588`	`+for (let entryof entries) {`
	`589`	`+constcr=entry.contentRect;`
	`590`	+console.log=`Size:${cr.width}px X${cr.height}px`;
	`591`	`+ }`
	`592`	`+});`
	`593`	`+observer.observe(foo);`
	`594`	`+`
	`595`	`+`
	`596`	+```
	`597`	`+`
`580`	`598`

Comments

(0)