An Overview of Gecko Layout Engine - Mozilla All-Hands 2018

Learn about the inner workings of the Gecko layout engine in this 40-minute conference talk from Mozilla All-Hands in San Francisco, June 2018. Explore the rendering pipeline, styling elements, property definitions, frame construction, reflow protocols, and more as Cameron McCormack delves into the intricacies of layout processing in Gecko. Gain insights into topics such as anonymous boxes, native anonymous content, continuations, and fragmentation, as well as how dynamic changes are handled within the engine.

Intro
The rendering pipeline
Styling an element
Representing style data
Defining properties
Pre-processing helpers
Rust types for property values
Conveying values from Rust to C++
Frames
Frame construction
Anonymous boxes
Native anonymous conten
Reflow protocol
Reflowing blocks, inlines, and text
Continuations and fragmentation
Continuation chains
Dynamic changes