updatePosition() — react Function Reference

Architecture documentation for the updatePosition() function in Overlay.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ updatePosition() — react Function Reference

Dependency Diagram

graph TD
  ab13de00_6746_2dd9_e898_ab5ca4196895["updatePosition()"]
  408e1017_1239_4514_a7fe_1640babfc1dd["OverlayTip"]
  ab13de00_6746_2dd9_e898_ab5ca4196895 -->|defined in| 408e1017_1239_4514_a7fe_1640babfc1dd
  ca452625_274e_0064_ef00_337501859e94["inspect()"]
  ca452625_274e_0064_ef00_337501859e94 -->|calls| ab13de00_6746_2dd9_e898_ab5ca4196895
  27b5d491_c8bd_065d_271e_bc41a1c63d73["findTipPos()"]
  ab13de00_6746_2dd9_e898_ab5ca4196895 -->|calls| 27b5d491_c8bd_065d_271e_bc41a1c63d73
  style ab13de00_6746_2dd9_e898_ab5ca4196895 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/backend/views/Highlighter/Overlay.js lines 140–147

  updatePosition(dims: Box, bounds: Box) {
    const tipRect = this.tip.getBoundingClientRect();
    const tipPos = findTipPos(dims, bounds, {
      width: tipRect.width,
      height: tipRect.height,
    });
    assign(this.tip.style, tipPos.style);
  }