Sticky and Fixed Positioning in Single-Axis Scroll Containers
Blink28616 Helmi

Sticky and Fixed Positioning in Single-Axis Scroll Containers

The provided sources examine how Blink/Chromium handles the interaction between sticky positioning, fixed ancestors, and the development of single-axis scroll containers. A central focus is the "fixed-between" scenario, where an intermediate position: fixed element disrupts the connection between a sticky descendant and its original scroll container. The engine typically resolves this by re-rooting the sticky element to the LayoutView or viewport, ensuring that it only responds to scroll offsets that actually translate its coordinate space. This logic prevents "jiggling" artifacts and maintains consistency across the main thread and compositor. Finally, the text explains how this established behavior serves as a architectural blueprint for single-axis scrollers, where sticky constraints must be evaluated independently for each axis to ensure elements only "stick" relative to ancestors that provide relevant movement.

Jaksot(497)

cc::CommitState

cc::CommitState

The provided source offers an extensive architectural analysis of Chromium’s cc::CommitState struct, detailing its critical function as the intermediary data structure that facilitates communication b...

25 Syys 202540min

Blink and Compositor Stacking Contexts

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...

25 Syys 202538min

Chromium Architecture: Input, Synchronization, and Animation Pipelines

Chromium Architecture: Input, Synchronization, and Animation Pipelines

These sources provide an extensive architectural overview of the core C++ classes that implement Chromium's input handling, synchronization, and animation systems. The documents detail the multi-proce...

25 Syys 202540min

CSS View Transition Pseudo-elements Explained

CSS View Transition Pseudo-elements Explained

These sources provide a detailed, technical explanation of the View Transition API implementation within the Chromium web browser, focusing on how CSS pseudo-elements enable smooth animations. The fir...

24 Syys 202538min

gpu::SkiaOutputSurfaceImplOnGpu / gpu::CommandBuffer

gpu::SkiaOutputSurfaceImplOnGpu / gpu::CommandBuffer

Bridges Skia’s recorded commands to the GPU command buffer; submits and SwapBuffers to present. (Backend: GL/Vulkan/Metal via GPU process.)

23 Syys 202532min

viz::SkiaRenderer

viz::SkiaRenderer

Renderer that turns quads into Skia operations (recording DDLs / drawing to the output surface).

23 Syys 202552min

viz::Display

viz::Display

The display compositor that walks the aggregated render passes and issues draw commands for the final output.

23 Syys 202538min

cc::LayerTreeHostImpl (Input Handler & Scroll Logic)

cc::LayerTreeHostImpl (Input Handler & Scroll Logic)

Scroll processing and overscroll detection in the compositor. The LayerTreeHostImpl in cc implements the compositor-thread InputHandler that processes gesture scroll updates and flings. It manages the...

23 Syys 202527min