Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
resize-observer
Advanced tools
Changelog
[1.0.4] - 2021-11-29
window
context to be observed when mounted to the DOM of another window
context (#100)Readme
This library aims to be a faithful implementation and ponyfill of the Resize Observer draft. An optional polyfill option exists as well.
resize-observer
is available on NPM and Yarn:
> npm install resize-observer
> yarn add resize-observer
resize-observer
does not install itself by default. As such, you can import it like any other module:
import { ResizeObserver } from 'resize-observer';
const ro = new ResizeObserver(() => console.log('resize observed!'));
ro.observe(document.body);
resize-observer
provides a file that can be referenced from your browser that automatically installs ResizeObserver
on the global window
object. Both minified and non-minified versions exist, and are found in the package under the
dist/
directory:
<script src="/node_modules/resize-observer/dist/resize-observer.js"></script>
<script type="text/javascript">
const ro = new window.ResizeObserver(() => alert('Observing things is super cool!'));
/* use your ResizeObserver! */
</script>
A install
method is also provided to do the same within your own code:
import { install } from 'resize-observer';
install();
const ro = new window.ResizeObserver(() => alert('Observe all the things!'));
/* ... */
Note: Calling install
will always overwrite window.ResizeObserver
.
If you'd like to only install resize-observer
when it doesn't already exist,
you can add a simple check before calling install
:
import { install } from 'resize-observer';
if (!window.ResizeObserver) install();
/* ... */
resize-observer
is written in TypeScript.
The definition files are included in the package and should be picked up automatically.
FAQs
An implementation and polyfill of the Resize Observer draft.
The npm package resize-observer receives a total of 106,011 weekly downloads. As such, resize-observer popularity was classified as popular.
We found that resize-observer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.