cc Transform and Scroll Trees
Blink28628 Sep 2025

cc Transform and Scroll Trees

The source text details the architecture of Chromium's compositor, focusing on the tandem operation of two critical data structures: the Transform Tree and the Scroll Tree. The Transform Tree manages visual coordinate space transformations, including CSS transforms and scroll offsets, with each TransformNode calculating its final position relative to its parent using local matrices and the scroll translation. In parallel, the Scroll Tree, composed of ScrollNodes, handles the logical state of scrollable elements, defining constraints like scrollable bounds, allowed directions, and scroll chaining behavior. Crucially, the sources explain that the two trees are linked via a shared ElementId and that while the Scroll Tree determines how a scroll should happen (bounds and policy), the Transform Tree executes the change by holding and applying the live scroll_offset to visually move the layer content, enabling smooth, composite-threaded scrolling.

Avsnitt(462)

blink::Document & blink::DocumentLifecycle

blink::Document & blink::DocumentLifecycle

states that gate phases. The document owns the DOM and keeps a DocumentLifecycle state machine that ensures we do things in phase order (style before layout, pre‑paint before paint, etc.). Lifecycle t...

10 Okt 202535min

blink::LocalFrameView

blink::LocalFrameView

orchestrates style → layout → pre‑paint/paint for a frame. This is the workhorse that actually runs lifecycle phases. On a frame tick from WebFrameWidgetImpl, it goes through style recalc, layout (Lay...

9 Okt 202544min

blink::LocalFrame

blink::LocalFrame

the document host and local‑root boundary.
The local frame owns the Document and its LocalFrameView. The local root frame coordinates lifecycle for its subtree (including OOPIF boundaries handled late...

9 Okt 202532min

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 Okt 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 Okt 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 Okt 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 Okt 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 Okt 20251h 36min

Populärt inom Teknik

uppgang-och-fall
elbilsveckan
bilar-med-sladd
market-makers
har-vi-akt-till-mars-an
rss-elektrikerpodden
skogsforum-podcast
rss-laddstationen-med-elbilen-i-sverige
rss-technokratin
rss-uppgang-och-fall
rss-veckans-ai
natets-morka-sida
bli-saker-podden
hej-bruksbil
rss-it-sakerhetspodden
rss-en-ai-till-kaffet
rss-milpodden
developers-mer-an-bara-kod
rss-snacka-om-ai
rss-ai-med-katarina-gospic-och-viggo-cavling