1. element-matches
Super small `Element.matches` fix for older browsers (IE 9+, Edge 12+, Safari, Android browsers)
element-matches
Package: element-matches
Created by: jelmerdemaat
Last modified: Sun, 01 May 2022 01:36:59 GMT
Version: 0.1.2
License: MIT (https://jelmer.mit-license.org/)
Downloads: 138,239
Repository: https://github.com/jelmerdemaat/element-matches

Install

npm install element-matches
yarn add element-matches

Element.matches

GitHub | NPM | @jelmerdemaat

Super small Element.matches fix for older browsers. The only thing this package does is add prefixes for:

  • old IE versions (9+)
  • IE mobile(10+)
  • old Edge versions (12+)
  • Safari (desktop) versions 5 - 7
  • Safari & Chrome for iOS 4.1 - 7.1
  • a number of Android browsers
    • Android 2.2 - 4.4.4
    • UC Browser 11.4
    • Blackberry Browser 7+
    • Samsung Internet 4

See Can I Use data: https://www.caniuse.com/#feat=matchesselector

Usage

Install it and import it in your code:

 npm install --save element-matches
 import 'element-matches';

// Do some matching!
if (document.body.matches('.cool-body')) {
    console.info('Yeay, I am cool!');
}

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code