Architecture of Scrolling in Chrome (Blink vs. CC Overview)
Blink28610 Marras 2025

Architecture of Scrolling in Chrome (Blink vs. CC Overview)

The source provides an extensive overview of the Chrome browser's scrolling architecture, detailing the division of labor between the Blink rendering engine (main thread) and the Chromium Compositor (CC). It explains that Blink manages the structure and definition of scrollable areas (ScrollableArea, ScrollManager), while the Compositor handles the actual visual movement via its separate thread for maximum performance, often called threaded scrolling. Critical to this system are Property Trees (specifically the Scroll Tree and Transform Tree) which the Compositor uses to efficiently apply scroll offsets to layers without needing main thread input, and the InputHandlerProxy which intelligently routes scroll events to either the fast Compositor path or the slower Blink path based on criteria like the presence of non-passive event listeners. Finally, the text describes the vital role of the commit lifecycle in synchronizing the actual scroll position between the independent threads to maintain visual and logical consistency.

Jaksot(399)

Blink and Havok: Engineering Parallels in Web and Physics Engines

Blink and Havok: Engineering Parallels in Web and Physics Engines

This text examines the technical similarities between Chromium’s Blink engine and high-performance physics engines like Havok. Although they serve different purposes, both rely on iterative update loo...

20 Tammi 29min

CSS Float Layout and Blink's LayoutNG Implementation

CSS Float Layout and Blink's LayoutNG Implementation

The provided text explains the technical specifications and implementation of CSS float layouts, specifically focusing on the Blink engine's LayoutNG in Chrome. It details how floats are positioned ou...

20 Tammi 26min

CSS Positioned Layout Module Level 3

CSS Positioned Layout Module Level 3

The CSS Positioned Layout Module Level 3 is a comprehensive update that modernizes how elements are placed and layered on web pages. It preserves the core behaviors of CSS2.1 while introducing sticky ...

20 Tammi 14min

CSS Overflow Module Level 4

CSS Overflow Module Level 4

The provided documents detail the CSS Overflow Module Level 4, a specification that enhances how web browsers handle content exceeding an element's boundaries. It introduces sophisticated controls lik...

19 Tammi 36min

CSS Overflow Module Level 3

CSS Overflow Module Level 3

CSS Overflow Module Level 3 introduces more precise ways to manage content that exceeds an element's boundaries, building upon previous standards with new properties and values. A primary addition is ...

19 Tammi 35min

Managing Dotfiles on Debian with GNU Stow

Managing Dotfiles on Debian with GNU Stow

GNU Stow is a specialized command-line utility that functions as a symlink farm manager, primarily used to organize and deploy dotfiles across Linux systems like Debian. By centralizing configuration ...

19 Tammi 31min

Mastering CSS Containing Blocks and Blink Engine Implementation

Mastering CSS Containing Blocks and Blink Engine Implementation

The provided text explains the fundamental role of containing blocks in CSS, which act as the primary reference for calculating an element's size and placement. These rectangular boundaries are determ...

19 Tammi 32min

Blink’s Core Overflow Geometry: Clipping, Visual, and Scrollable Rectangles

Blink’s Core Overflow Geometry: Clipping, Visual, and Scrollable Rectangles

The provided text explains Blink’s core overflow geometry system, which uses three specialized rectangles to manage how web content extends beyond its defined boundaries. The OverflowClipRect acts as ...

18 Tammi 30min