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(391)

7 Blink View Transition Discovery and UA Stylesheet Generation

7 Blink View Transition Discovery and UA Stylesheet Generation

This document details how the Blink rendering engine manages the technical lifecycle of View Transitions by coordinating DOM updates with visual animations. Once a developer triggers a transition, the...

27 Tammi 31min

6 Blink and Compositor Handshake in View Transitions

6 Blink and Compositor Handshake in View Transitions

The provided text explains the technical handshake between the Blink rendering engine and the compositor during a web view transition. To ensure visual continuity, the system captures a snapshot of th...

27 Tammi 30min

Evolution of CSS: Working Group Drafts and Processes

Evolution of CSS: Working Group Drafts and Processes

The provided text outlines the operations and standardizing procedures of the W3C CSS Working Group, which manages the evolution of web presentation through a modular specification system. It details ...

27 Tammi 38min

5 View Transition Mechanics: Pre-paint and Snapshot Coordination

5 View Transition Mechanics: Pre-paint and Snapshot Coordination

The provided text explains how the Blink rendering engine manages view transitions by utilizing a stable coordinate space known as the snapshot root. This mechanism ensures that animations remain cons...

27 Tammi 27min

4 Blink View Transition Pseudo-Element Tree and Layout Integration

4 Blink View Transition Pseudo-Element Tree and Layout Integration

The provided text explains how the Blink rendering engine manages View Transitions by generating a temporary pseudo-element subtree to represent page changes. This system acts as an overlay, capturing...

26 Tammi 39min

GEM Modern CSS Scroll Positioning and Visibility Specifications

GEM Modern CSS Scroll Positioning and Visibility Specifications

These sources detail the CSS and DOM specifications that govern how elements are positioned and animated when moved into a user's visible area. The documentation introduces scroll-padding and scroll-m...

25 Tammi 33min

[GENERAL] Modern CSS Scroll Positioning and Visibility Specifications

[GENERAL] Modern CSS Scroll Positioning and Visibility Specifications

These sources collectively define the technical standards for how web browsers handle scrolling and element visibility. The documentation details the CSSOM View Module's specific algorithm for the scr...

25 Tammi 30min

Modern CSS Scroll Positioning and Visibility Specifications

Modern CSS Scroll Positioning and Visibility Specifications

These sources collectively define the technical standards for scroll-into-view behavior within modern CSS specifications, covering how elements are positioned and animated when navigated to or targete...

25 Tammi 38min