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

Blink Core: Architecture and Component Overview

Blink Core: Architecture and Component Overview

The provided sources offer a comprehensive overview of Blink's core architecture and components, primarily focusing on how the engine processes and renders web content. They explain fundamental concep...

19 Elo 20251h 16min

Blink Web Development: A Comprehensive Guide

Blink Web Development: A Comprehensive Guide

The provided text outlines the scope of a six-hour audio lecture designed for C++ developers entering the Blink web development team. This lecture will thoroughly cover Blink's architectural design an...

17 Elo 202533min

JavaScript for the C++ Developer: A Deep Dive

JavaScript for the C++ Developer: A Deep Dive

This document outlines the scope of a multi-part lecture series designed for C++ developers transitioning to JavaScript. The series promises in-depth comparisonsbetween the two languages, covering run...

17 Elo 202556min

Hazard Pointers: Lock-Free Memory Reclamation in C++

Hazard Pointers: Lock-Free Memory Reclamation in C++

The provided sources discuss Hazard Pointers, a crucial technique for safe memory reclamation in lock-free concurrent programming, particularly within C++. They explain how hazard pointers address the...

14 Elo 20251h 27min

Remote Blink Development with Zsh, SSH, VS Code, and tmux

Remote Blink Development with Zsh, SSH, VS Code, and tmux

This comprehensive guide details establishing an efficient remote development environment, specifically for Chrome's Blink engine, by integrating several powerful tools. It explains how Zsh, a feature...

13 Elo 20251h 2min

The Genesis of Web Standard Features

The Genesis of Web Standard Features

This compilation explores recent and upcoming CSS/HTML features that are significantly shaping web development. It provides case studies on Container Queries, the :has() pseudo-class, CSS Nesting, and...

10 Elo 202556min

Blink Feature Launch: From Idea to Chrome Stable

Blink Feature Launch: From Idea to Chrome Stable

This comprehensive guide, likely from Chromium's internal documentation, outlines the structured feature launch processfor new HTML/CSS functionalities within the Blink team. It details a multi-stage ...

10 Elo 202530min

Web Standards: From Idea to Implementation

Web Standards: From Idea to Implementation

The provided text outlines the comprehensive process of web standards development for HTML and CSS, particularly for engineers on the Blink team. It details the roles of key organizations like WHATWG ...

10 Elo 202557min