inferno-extras

inferno-extras

Is a collection of pure functions to ease some tasks with InfernoJS virtual DOM.

Install

npm install inferno-extras

isDOMInsideComponent

DOM - Html node

instance - Class component instance

Returns boolean:

• true when DOM is found from children of given instance;
• false when DOM node is not found.

import { isDOMInsideComponent } from 'inferno-extras';

isDOMInsideComponent(
  DOM,
  instance,
)

Motivation:

InfernoJS events bubble through the real DOM. This can cause issues when you need to for example: stop event propagation from all child Components. Native node.contains( otherNode ) returns false when Portal renders outside its root node. This utility method solves the problem using non recursive DFS algorithm.

Example:

import { Component } from 'inferno';
import { isDOMinsideVDOM } from 'inferno-extras';

class Clicker extends Component {

  isClickOutside(event) {
    // Check if click event came from any child component
    if (!isDOMInsideComponent(event.target, this) {
      this.setState({ closeMenu: true });
    }
  }

...
}

isDOMInsideVNode

Exactly same as isDOMInsideComponent but second parameter is virtual node.