Compositor-Thread Scrolling – CC Mechanics and Property Trees
Blink28611 Marras 2025

Compositor-Thread Scrolling – CC Mechanics and Property Trees

The source provides an extensive technical overview of Chrome’s Compositor-Thread Scrolling architecture, explaining how modern web rendering achieves smooth, low-latency scrolling by handling most scroll events off the main thread. This process relies on key data structures called property trees—specifically the ScrollTree, TransformTree, and ClipTree—which manage scroll offsets, geometric transformations, and viewport boundaries, respectively. The LayerTreeHostImpl orchestrates the sequence: it receives input events via the InputHandlerProxy, determines the scroll target via hit testing, updates the ScrollNode's offset, and leverages the TransformTree to translate content on the GPU without needing the main thread for layout or style updates. Additionally, the system details how it manages advanced features like scroll animations (flings), scroll snapping, platform-specific overscroll effects (elasticity/glow), and fallbacks to main-thread scrolling when necessary, ensuring the continuous flow of rendered frames.


Jaksot(417)

Blink Sticky Positioning: Constraint Updates and Paint Invalidation

Blink Sticky Positioning: Constraint Updates and Paint Invalidation

The provided documentation details how the Blink rendering engine manages sticky positioning through specific methods within the PaintLayerScrollableArea class. It explains that the system first calcu...

30 Joulu 202530min

Blink’s Scrolling Engine: The PaintLayerScrollableArea Deep Dive

Blink’s Scrolling Engine: The PaintLayerScrollableArea Deep Dive

The provided text explains the PaintLayerScrollableArea, a central component within the Blink rendering engine that manages scrolling for web elements and viewports. It describes how this object bridg...

30 Joulu 202531min

Understanding PropagatedData in Blink’s LayoutNG Fragment Tree

Understanding PropagatedData in Blink’s LayoutNG Fragment Tree

In Blink’s LayoutNG engine, PropagatedData serves as a specialized, light-weight container used to carry critical layout information upward through the fragment tree. This garbage-collected object is ...

30 Joulu 202530min

Self-Painting Layers in Blink: Architecture and Implementation Decisions

Self-Painting Layers in Blink: Architecture and Implementation Decisions

In the Blink rendering engine, PaintLayers form a specialized hierarchy used to manage the visual assembly of a webpage, separate from the standard layout tree. These layers are created for elements r...

30 Joulu 202539min

[EXTENDED] PaintLayer Parent Hierarchies in the Blink Rendering Engine

[EXTENDED] PaintLayer Parent Hierarchies in the Blink Rendering Engine

In the Blink rendering engine, the PaintLayer system utilizes multiple hierarchical relationships to manage how web content is displayed and organized. While the structural parent defines the primary ...

30 Joulu 202536min

PaintLayer Parent Hierarchies in the Blink Rendering Engine

PaintLayer Parent Hierarchies in the Blink Rendering Engine

The provided text details the Blink rendering engine’s PaintLayer system, specifically focusing on the complex "parent" hierarchies used to manage web page display. It explains that while the structur...

29 Joulu 202532min

Blink PrePaint: Fragment Traversal and Paint Property Tree Construction

Blink PrePaint: Fragment Traversal and Paint Property Tree Construction

The provided text explains the PrePaint phase within Blink’s rendering engine, a critical stage where the system prepares for visual output by invalidating old paint and building property trees. Durin...

29 Joulu 202559min

Blink Core Paint Rendering Architecture

Blink Core Paint Rendering Architecture

This documentation details the Blink rendering engine's process for converting a LayoutObject tree into a format the compositor can process. The operation is split into two primary phases: PrePaint, w...

29 Joulu 202541min