_handleMouseDown() — react Function Reference

Architecture documentation for the _handleMouseDown() function in VerticalScrollView.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ _handleMouseDown() — react Function Reference

Dependency Diagram

graph TD
  07384155_fd65_ab4d_a83c_269ccec4232c["_handleMouseDown()"]
  15e8ee71_cd71_e6f6_40e5_59e8feb4985d["VerticalScrollView"]
  07384155_fd65_ab4d_a83c_269ccec4232c -->|defined in| 15e8ee71_cd71_e6f6_40e5_59e8feb4985d
  eb1765a3_0863_dd2c_a927_6e4f28217907["handleInteraction()"]
  eb1765a3_0863_dd2c_a927_6e4f28217907 -->|calls| 07384155_fd65_ab4d_a83c_269ccec4232c
  5cadbad4_62d2_f23e_1bf4_225db867ed8b["rectContainsPoint()"]
  07384155_fd65_ab4d_a83c_269ccec4232c -->|calls| 5cadbad4_62d2_f23e_1bf4_225db867ed8b
  6bb2400d_04ee_af63_1d65_f8d70d7f4857["desiredSize()"]
  07384155_fd65_ab4d_a83c_269ccec4232c -->|calls| 6bb2400d_04ee_af63_1d65_f8d70d7f4857
  style 07384155_fd65_ab4d_a83c_269ccec4232c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/VerticalScrollView.js lines 186–196

  _handleMouseDown(interaction: MouseDownInteraction) {
    if (rectContainsPoint(interaction.payload.location, this.frame)) {
      const frameHeight = this.frame.size.height;
      const contentHeight = this._contentView.desiredSize().height;
      // Don't claim drag operations if the content is not tall enough to be scrollable.
      // This would block any outer scroll views from working.
      if (frameHeight < contentHeight) {
        this._isPanning = true;
      }
    }
  }