Uploaded January 2026 | Updated September 2026, 3 weeks ago
Svelte 5.47.0 brings support for the new web platform feature: customizable select elements. Traditionally, native selects were nearly impossible to style, forcing developers to build custom dropdown components from scratch. Now, with Chrome and Safari shipping customizable selects, you can put rich content inside options and style them however you want.
The video demonstrates a beautifully styled select with nested divs and spans, all using native HTML. But here's the challenge Svelte had to solve: during SSR hydration, Svelte needs to traverse the DOM to attach reactivity. In browsers that don't support customizable selects (like Firefox), the rich content inside option elements gets flattened to text nodes—breaking hydration.
Svelte 5.47.0 handles this gracefully. It's currently the only framework that supports customizable selects without hydration errors, while gracefully falling back to standard selects in unsupported browsers.
Svelte 5.47.0 brings support for the new web platform feature: customizable select elements. Traditionally, native selects were nearly impossible to style, forcing developers to build custom dropdown components from scratch. Now, with Chrome and Safari shipping customizable selects, you can put rich content inside options and style them however you want.
The video demonstrates a beautifully styled select with nested divs and spans, all using native HTML. But here's the challenge Svelte had to solve: during SSR hydration, Svelte needs to traverse the DOM to attach reactivity. In browsers that don't support customizable selects (like Firefox), the rich content inside option elements gets flattened to text nodes—breaking hydration.
Svelte 5.47.0 handles this gracefully. It's currently the only framework that supports customizable selects without hydration errors, while gracefully falling back to standard selects in unsupported browsers.
