npmpackage.info

element-resize-event

Library to make it easy to listen for element resize events

3.0.6

175

MIT

JavaScript

818.00 B

20,783,536 3.4

Installations

npm install element-resize-event

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

16.0.0

NPM Version

7.10.0 Score

99.5

Supply Chain

77.1

Quality

78.3

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

20

Closed

7

Merged

13

Issues

Open

3

Total

18

Closed

15

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View All 12 Contributors

Languages

JavaScript

HTML

Makefile

Shell

JavaScript (90.54%)

HTML (5.25%)

Makefile (3.68%)

Shell (0.53%)

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

Developer

KyleAMathews

Download Statistics

Total Downloads

20,783,536

Last Day

1,740

Last Week

53,780

Last Month

228,493

Last Year

3,086,838

GitHub Statistics

MIT License

175 Stars

73 Commits

44 Forks

9 Watchers

2 Branches

12 Contributors

Updated on Aug 23, 2024

Bundle Size

1.78 kB

Minified

818.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

3.0.6

Package Id

element-resize-event@3.0.6

Size

4.46 kB

NPM Version

7.10.0

Node Version

16.0.0

Published on

May 30, 2021

Total Downloads

Cumulative downloads

Total Downloads

20,783,536

Last Day

-12.2%

1,740

Compared to previous day

Last Week

-8%

53,780

Compared to previous week

Last Month

31.8%

228,493

Compared to previous month

Last Year

-30.8%

3,086,838

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

browserify eslint eslint-config-airbnb-base eslint-plugin-import husky lint-staged prettier

element-resize-event

Library to make it easy to listen for element resize events

Code borrowed from a blog post by backalleycoder.com.

Install

npm install element-resize-event

Dependencies

This library depends on the availability of requestAnimationFrame and cancelAnimationFrame

Usage

1var elementResizeEvent = require("element-resize-event")
2
3var element = document.getElementById("resize")
4
5elementResizeEvent(element, function () {
6  console.log("resized!")
7  console.log(element.offsetWidth)
8})

Unbinding The Event Listener

1var unbind = require("element-resize-event").unbind
2
3unbind(element)

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

3.4

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to element-resize-event

element-resize-detector

1.2.4

Resize event emitter for elements.

@juggle/resize-observer

3.4.0

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

@types/element-resize-event

3.0.2

TypeScript definitions for element-resize-event

element-resize-event-polyfill

1.0.5

Native event listener polyfill to capture element size changes