npmpackage.info

Gathering detailed insights and metrics for element-resize-event-polyfill

Other packages similar to element-resize-event-polyfill

element-resize-event

3.0.6

Polyfill to make it easy to listen for element resize events

@juggle/resize-observer

3.4.0

Polyfills the ResizeObserver API and supports box size options from the latest spec

element-resize-event-tabindex

0.0.2

Polyfill to make it easy to listen for element resize events (fork with tabindex support)

@renet-consulting/resize

17.0.0

This library provides a directive that listens resize event of an element.

Gathering detailed insights and metrics for element-resize-event-polyfill

element-resize-event-polyfill

1.0.5

3.31 kB

9,341

Installations

npm install element-resize-event-polyfill

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.13.0

NPM Version

6.14.2 Score

75.2

Supply Chain

90.8

Quality

75.3

Maintenance

100

Vulnerability

100

License

Releases

Unable to fetch releases

Contributors

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

9,341

Last Day

Last Week

Last Month

192

Last Year

2,804

Bundle Size

10.02 kB

Minified

3.31 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.5

Package Id

element-resize-event-polyfill@1.0.5

Unpacked Size

253.58 kB

Size

62.74 kB

File Count

NPM Version

6.14.2

Node Version

10.13.0

Total Downloads

Cumulative downloads

Total Downloads

9,341

Last Day

42.9%

Compared to previous day

Last Week

273.9%

Compared to previous week

Last Month

-2.5%

192

Compared to previous month

Last Year

-14.5%

2,804

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

resize-observer-polyfill

Dev Dependencies

@vue/cli-service

element-resize-event-polyfill

Native event listener polyfill to capture element size changes

Install

1npm install element-resize-event-polyfill --save-dev

Usage

Example in es6

1import 'element-resize-event-polyfill'
2
3const elm = document.getElementById('#elm')
4
5elm.addEventListener('resize', handler)

Example in Browser

1
2<head>
3  <script src="element-resize-event-polyfill.umd.min.js"></script>
4</head>
5
6<body>
7  <div id="elm">My size can be captured</div>
8</body>
9
10<script>
11  const elm=document.getElementById("elm")
12  
13  // case one
14  elm.addEventListener("resize",function(e){
15    // Your logic
16  })
17
18  // case two
19  elm.onresize=function(e){
20    // Your logic
21  }
22</script>
23
24

Example in vue

1
2<template>
3  <div v-on:resize="handlerResize"></div>
4</template>
5
6<script>
7export default {
8  methods:{
9    handlerResize(e){
10      // Your code
11    }
12  }
13}
14</script>

No vulnerabilities found.

No security vulnerabilities found.