blink::NGPhysicalFragment and friends
Blink28610 Loka 2025

blink::NGPhysicalFragment and friends

Layout takes the styled DOM and produces a fragment tree of positioned boxes. In modern Blink this is LayoutNG; the core artifact is NGPhysicalFragment, which stores geometry and is used downstream for pre‑paint (e.g., to compute clips, overflow, and hit regions). (Chromium Git Repositories)

Representative APIs
Geometry/ink overflow helpers and accessors on NGPhysicalFragment expose the post‑layout shape of the page that pre‑paint/paint will consume. (See header for geometry utilities.) (Chromium Git Repositories)

Hands off to: PrePaintTreeWalk (to build/refresh property trees and invalidations over the laid‑out fragments).

Jaksot(396)

React Fiber, Concurrency, and Reconciliation

React Fiber, Concurrency, and Reconciliation

The source provides an extensive overview of React's internal architecture, focusing on the Fiber reconciliation engine and the concept of concurrent rendering. It explains how declarative JSX is comp...

4 Marras 20251h 14min

SOLID Principles in Chromium Blink Compositor

SOLID Principles in Chromium Blink Compositor

The provided source is an in-depth analysis of the Chromium Blink cc Compositor module's architecture, viewed through the lens of the SOLID software design principles. This technical document, aimed a...

2 Marras 20251h 2min

cc::ScrollTree

cc::ScrollTree

The source text provides an exhaustive technical overview of the Scroll Property Tree (cc::ScrollTree) within the Chromium compositor architecture, which is critical for enabling smooth, off-main-thre...

2 Marras 202547min

cc::EffectTree

cc::EffectTree

The source provides an extensive technical explanation of the Effect Property Tree within the Chromium compositor, which is crucial for managing how visual effects are applied to web content. This tre...

2 Marras 20251h 1min

cc::ClipTree

cc::ClipTree

The source provides an extensive technical overview of the ClipTree within Chromium's compositor property tree architecture, explaining its critical role in managing geometric clipping. The ClipTree i...

1 Marras 20251h 13min

cc::TransformTree

cc::TransformTree

source provides a highly detailed technical overview of the Transform Property Tree within the Chromium compositor, which is a core component of the RenderingNG architecture responsible for all coordi...

1 Marras 20251h 11min

cc::LayerImpl: Compositor Layer Deep Dive

cc::LayerImpl: Compositor Layer Deep Dive

The sources provide an exhaustive technical explanation of the cc::LayerImpl class, which is the core representation of a visual element within Chromium's multi-threaded rendering pipeline. These laye...

1 Marras 20251h 8min

Chromium Tile Raster Transform Propagation Audit

Chromium Tile Raster Transform Propagation Audit

This detailed audit examines the complete code path within Chromium that determines the raster_transform_ property of a cc::Tile, which is an immutable scale and translation used during rasterization....

31 Loka 202528min