More on the topic…
Safari 27.0 ships with 83 features—up from 58 in the first beta—but the real story is the 844 bug fixes that went into this release. The team rebuilt foundational systems like the ES module loader and CSS Zoom, then went deep into specific technologies: 66 SVG fixes alone, systematic work on HTML tables, and improvements to Media Source Extensions. They also fixed integration bugs where two working features broke when combined—like when `-webkit-line-clamp` and `text-wrap: balance` didn't play nicely together. Much of this work targets web standards alignment, ensuring Safari matches what the specs actually say about MathML spacing, `innerText` rendering, and HTTP cache behavior.
The Safari MCP server is the headline feature for developers using AI coding agents. It lets Claude, Codex, or other agents see how code renders in Safari by accessing the DOM, screenshots, network requests, and console output—all without leaving your workflow. The agent can verify form states, check accessibility issues like missing ARIA attributes, and compare computed styles across browsers. Everything runs locally on your machine with no network calls home and no access to your Safari data. Setup takes one command depending on which agent you're using.
The `<select>` element finally got real customization powers. You can now restyle it completely with CSS using `appearance: base-select`, and new pseudo-elements like `::picker-icon` and `::checkmark` let you target previously inaccessible parts. You can even embed HTML inside `<option>` tags and use `<selectedcontent>` to control what displays as the selected value. Safari shipped improved UA defaults this time around—rounded corners, touch-friendly line height, proper hover states—so you're not starting from zero. The `<model>` element for embedding 3D assets also came to iOS, iPadOS, and macOS after originally shipping on visionOS, working like `<video>` or `<img>` with support for multiple source files.
Questions about this article
No questions yet.