Home / Function/ normalizeWheel() — react Function Reference

normalizeWheel() — react Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  8ae70c5a_e11f_0fb7_250c_919ca294b607["normalizeWheel()"]
  e8da2b1e_9364_3e49_3cd5_5694b61287b2["normalizeWheel.js"]
  8ae70c5a_e11f_0fb7_250c_919ca294b607 -->|defined in| e8da2b1e_9364_3e49_3cd5_5694b61287b2
  style 8ae70c5a_e11f_0fb7_250c_919ca294b607 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/utils/normalizeWheel.js lines 70–85

export function normalizeWheel(event: WheelEvent): NormalizedWheelDelta {
  let deltaX = event.deltaX;
  let deltaY = event.deltaY;

  if (event.deltaMode === WheelEvent.DOM_DELTA_LINE) {
    // delta in LINE units
    deltaX *= LINE_HEIGHT;
    deltaY *= LINE_HEIGHT;
  } else if (event.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
    // delta in PAGE units
    deltaX *= PAGE_HEIGHT;
    deltaY *= PAGE_HEIGHT;
  }

  return {deltaX, deltaY};
}

Domain

Subdomains

Frequently Asked Questions

What does normalizeWheel() do?
normalizeWheel() is a function in the react codebase, defined in packages/react-devtools-timeline/src/view-base/utils/normalizeWheel.js.
Where is normalizeWheel() defined?
normalizeWheel() is defined in packages/react-devtools-timeline/src/view-base/utils/normalizeWheel.js at line 70.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free