Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll
Blink2863 Loka 2025

Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll

The sources provide an extremely detailed, line-by-line breakdown of the Chromium compositor function CalculateDrawProperties, explaining how it prepares the active layer tree for rendering. A primary focus is on how scrolling and elastic overscroll are handled by updating property trees (transform, clip, and effect) to reflect user interaction. Specifically, the function prioritizes applying SyncedProperties, such as the page scale factor (zoom) and the elastic overscroll vector (the bounce effect), ensuring consistency across layer trees before property recomputation. The application of overscroll is platform-dependent, utilizing stretching on Android versus simple translation on non-Android platforms, and these effects are injected into a dedicated transform node that propagates the visual change to all descendant layers. Finally, the function determines visible layers, computes their final draw properties, and assembles the render surface list that the compositor will use to issue drawing commands.


Jaksot(395)

blink::Page

blink::Page

the page container and animation clock keeper. Page holds frame trees and the PageAnimator that services script‑driven animations on each tick. It’s the top‑level context for the document/view that We...

9 Loka 202534min

blink::WebFrameWidgetImpl

blink::WebFrameWidgetImpl

renderer‑main entry to Blink’s lifecycle. This is where a compositor BeginFrame (coming in via content/public and mojo plumbing) first turns into Blink work on the renderer main thread. It receives th...

9 Loka 202532min

Blink's ComputedStyle: An In-Depth Analysis

Blink's ComputedStyle: An In-Depth Analysis

The collection of sources provides a detailed technical analysis of the ComputedStyle object within Blink, the rendering engine for Chromium. The primary source, an in-depth analysis document, explain...

9 Loka 202545min

Chromium LayerContext Deep Dive: RenderingNG and Scroll Updates

Chromium LayerContext Deep Dive: RenderingNG and Scroll Updates

The source material, primarily an excerpt from a 2025 technical report, provides an in-depth analysis of the LayerContext abstraction within the Chromium RenderingNG pipeline, specifically when the br...

8 Loka 202532min

[ext] Blink's Paint Property Tree Builder: A Surgical Tour of Dragons

[ext] Blink's Paint Property Tree Builder: A Surgical Tour of Dragons

(Make it over 20000 words) source text provides an extremely detailed, technical overview of the blink::PaintPropertyTreeBuilder class in Chromium, which is responsible for building the rendering pipe...

7 Loka 20251h 36min

Blink's Paint Property Tree Builder: A Surgical Tour of Dragons

Blink's Paint Property Tree Builder: A Surgical Tour of Dragons

The source text provides an extremely detailed, technical overview of the blink::PaintPropertyTreeBuilder class in Chromium, which is responsible for building the rendering pipeline's four synchronize...

7 Loka 202543min

Chrome Compositor LayerTree Architecture and Input Handling

Chrome Compositor LayerTree Architecture and Input Handling

The text provides a detailed overview of the architecture and function of Chrome's Compositor (cc) component, specifically focusing on the core data structures: LayerTree and LayerTreeImpl. It explain...

7 Loka 202527min

viz::Display::DrawAndSwap

viz::Display::DrawAndSwap

In Chrome’s rendering pipeline, the Viz service in the GPU process owns a viz::Display object. A Display is responsible for taking aggregated CompositorFrames (produced by the SurfaceAggregator), draw...

5 Loka 202528min