Blink and Compositor Stacking Contexts
Blink28625 Syys 2025

Blink and Compositor Stacking Contexts

These sources provide an extensive technical explanation of how CSS stacking contexts are implemented within the Chromium rendering engine, focusing on the collaboration between the Blink renderer and the cc compositor. The process begins in Blink, where elements triggering a stacking context (via properties like opacity or z-index) are identified, leading to the creation of internal structures like PaintLayer and EffectPaintPropertyNode to manage z-ordering. Blink then produces a PaintArtifact consisting of drawing commands grouped into paint chunks, each linked to a specific set of property nodes that define the context's position, clipping, and effects. This artifact is passed to the cc compositor, which converts the Blink properties into its own PropertyTrees (especially the EffectNode), using this data to decide which stacking contexts require an isolated drawing buffer, known as a RenderSurfaceImpl, for final GPU compositing and accurate visual blending. Ultimately, Blink determines what is painted and ordered, and cc determines how to composite those results efficiently.

Jaksot(397)

B4: Render Host Layer: RVH and RWH

B4: Render Host Layer: RVH and RWH

The technical documentation provides an extensive overview of two crucial browser-side components in Chromium's multi-process architecture: the RenderViewHost (RVH) and the RenderWidgetHost(RWH). The ...

28 Marras 202539min

B3: RenderFrameHost: Core Document Lifeline

B3: RenderFrameHost: Core Document Lifeline

The source documentation provides a detailed analysis of the RenderFrameHost (RFH) and its implementing class, RenderFrameHostImpl, which constitute the essential browser-side representation of every ...

28 Marras 202534min

B2: Frame Tree Navigation and Process Management

B2: Frame Tree Navigation and Process Management

This document details the Chromium browser's Layer 2 architecture, which is responsible for coordinating the structure and navigation of complex webpages across multiple renderer processes. The core o...

27 Marras 202544min

B1: WebContents: The Foundation of Chromium Tabs

B1: WebContents: The Foundation of Chromium Tabs

The text thoroughly analyzes the foundational structure of Chromium's architecture, which controls the browser window and tab strip elements. This system relies on a central Browser class acting as th...

27 Marras 202547min

B0: Governing Browser Windows and Tabs

B0: Governing Browser Windows and Tabs

The text thoroughly analyzes the foundational structure of Chromium's architecture, which controls the browser window and tab strip elements. This system relies on a central Browser class acting as th...

27 Marras 202535min

CSS Anchor Positioning in LayoutNG

CSS Anchor Positioning in LayoutNG

The sources provide a comprehensive specification deep dive into CSS Anchor Positioning, a modern layout module designed to position elements like tooltips and popovers relative to an anchor without r...

27 Marras 202545min

Layer Invalidation to Partial Swap

Layer Invalidation to Partial Swap

The source details Chromium's damage tracking architecture, a critical mechanism within the cc compositor that identifies regions of the screen requiring redrawing to ensure rendering efficiency. This...

27 Marras 202535min

Native Carousel Controls via CSS Pseudos

Native Carousel Controls via CSS Pseudos

The source outlines a technical proposal for new CSS pseudo-elements aimed at solving the "Carousel Problem" by allowing developers to build accessible, interactive carousels without relying on comple...

26 Marras 202531min