npmpackage.info

Gathering detailed insights and metrics for svg-classlist-polyfill

svg-classlist-polyfill - 1.1.0 | npmpackage.info

svg-classlist-polyfill

Polyfills classList methods (contains, add, remove and toggle) on SVG elements

1.1.0

JavaScript

2.73 kB

4.1

Installations

npm install svg-classlist-polyfill

Developer Guide

BETA

Typescript

No

Module System

CommonJS, ESM

Node Version

18.16.1

NPM Version

9.7.2 Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

0

Total

1

Closed

1

Releases

v1.1.0

Updated on Jul 02, 2023

View All 1 releases

Languages

JavaScript

HTML

JavaScript (81.77%)

HTML (18.23%)

Developer

tobua

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

3 Stars

11 Commits

2 Forks

1 Watchers

1 Branches

3 Contributors

Updated on Jul 02, 2023

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

1.1.0

Package Id

svg-classlist-polyfill@1.1.0

Unpacked Size

2.73 kB

Size

1.33 kB

File Count

NPM Version

9.7.2

Node Version

18.16.1

Published on

Jul 02, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

npm

Dev Dependencies

serve

SVG classList Polyfill

Polyfill for classList methods (contains, add, remove, toggle) on SVG elements which aren't supported on IE11 and other older browsers.

Installation and Usage

npm install svg-classlist-polyfill

import 'svg-classlist-polyfill'

That's it, polyfill will only be added if current environment doesn't already support the methods. Here is how regular usage afterwards might look like:

1const icon = document.querySelector('svg.icon')
2
3icon.classList.add('icon--blue')
4icon.classList.toggle('icon--rotate')
5icon.classList.remove('icon--blue')
6icon.classList.contains('icon--blue') === false

Avoid setting the class with icon.className = 'icon icon--blue' as this isn't properly supported in IE11 and will not work together with the polyfill.

Tests

There are a few test cases available in test.js. Serve a simple website with npm test opening this in a browser will run a few test cases quickly indicating whether the polyfill is working well.

Source

Sourcecode partially taken from this Gist.

No vulnerabilities found.

10

Binary-Artifacts

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

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

9

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

1

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

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

License

Determines if the project has defined a license.

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

4.1

/10

Last Scanned on 2025-07-07

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