containsNode() — react Function Reference

Architecture documentation for the containsNode() function in ReactInputSelection.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ containsNode() — react Function Reference

Dependency Diagram

graph TD
  046fab93_65d4_440f_4cfc_abf155bcc832["containsNode()"]
  61ae92ed_59ee_0d03_f7cc_6c7bd8c060f5["ReactInputSelection.js"]
  046fab93_65d4_440f_4cfc_abf155bcc832 -->|defined in| 61ae92ed_59ee_0d03_f7cc_6c7bd8c060f5
  ffb94eb2_a9b7_b0b8_7a69_1e236320f487["isInDocument()"]
  ffb94eb2_a9b7_b0b8_7a69_1e236320f487 -->|calls| 046fab93_65d4_440f_4cfc_abf155bcc832
  2dabcc9f_b3cb_3eee_59c9_1e566bc3b3ae["isTextNode()"]
  046fab93_65d4_440f_4cfc_abf155bcc832 -->|calls| 2dabcc9f_b3cb_3eee_59c9_1e566bc3b3ae
  style 046fab93_65d4_440f_4cfc_abf155bcc832 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactInputSelection.js lines 17–33

function containsNode(outerNode, innerNode) {
  if (!outerNode || !innerNode) {
    return false;
  } else if (outerNode === innerNode) {
    return true;
  } else if (isTextNode(outerNode)) {
    return false;
  } else if (isTextNode(innerNode)) {
    return containsNode(outerNode, innerNode.parentNode);
  } else if ('contains' in outerNode) {
    return outerNode.contains(innerNode);
  } else if (outerNode.compareDocumentPosition) {
    return !!(outerNode.compareDocumentPosition(innerNode) & 16);
  } else {
    return false;
  }
}