What’s missing from SVG

2026-06-26

Patrick Brosset gathered developer feedback from Chromium bug tickets, Interop proposals, the State of CSS survey, and social media to map eleven gaps: external styling, CSS integration, text layout and wrapping, performance, animation authoring, responsive viewBox control, reuse with <use> and <symbol>, geometry APIs, interoperability, accessibility, and <foreignObject> reliability.

patrickbrosset.com/articles/2026-06-22-whats-missing-from-svg

Tags css interop svg

June 25
Experimenting with random() in CSS
A new function brings randomized values to layout, animation, and visual effects.
June 24
Animating the dialog element using view transitions
Morph a button into a <dialog> by swapping view-transition-name inside startViewTransition().
June 23
Improving card patterns with anchor positioning
A pseudo-element covers the card surface but stops short of the secondary actions.
June 19
The fundamentals and dev experience of CSS @function
Custom functions in CSS: typed arguments, private internals, return validation, and DX gotchas.
June 16
Introducing the field guide to grid lanes
A playground, reference, and six real-world demos for learning CSS grid lanes.
June 15
CSS reacts, JS just listens
A tiny library that exposes runtime state to CSS through custom properties.
June 10
CSS animated SVG maps
Stagger pins, fade in the background, and draw lines with stroke-dasharray and dashoffset.
June 8
Introducing the CSS Property Type Validator Stylelint plugin
A new Stylelint rule validates @property registrations and custom property usage in your workflow.