10 Key Updates in Safari Technology Preview 238 You Should Know
By
<p>Safari Technology Preview 238 has just dropped for macOS Tahoe and macOS Sequoia, packing a host of improvements that make browsing smoother, safer, and more developer-friendly. Whether you're a web developer testing cutting-edge features or an early adopter who loves staying ahead of the curve, this release brings meaningful changes across animations, CSS, forms, networking, and more. If you already have the preview installed, you can update via System Settings → General → Software Update. Below, we break down the ten most notable updates in this build—each with its own spotlight. Dive in to see what’s new and why it matters.</p>
<h2 id="item1">1. Threaded Animations for Smoother Performance</h2>
<p>Animations just got a major speed boost. Safari now uses threaded time-based animation resolution, which means accelerated animations—including CSS Motion Path—run off the main thread. This not only improves performance but also synchronizes them with scroll-driven animations. The result? Buttery‑smooth motion without jank, even on complex pages. Developers working with CSS animations will notice a big difference in responsiveness.</p><figure style="margin:20px 0"><img src="https://webkit.org/wp-content/themes/webkit/images/preview-card.jpg" alt="10 Key Updates in Safari Technology Preview 238 You Should Know" style="width:100%;height:auto;border-radius:8px" loading="lazy"><figcaption style="font-size:12px;color:#666;margin-top:5px">Source: webkit.org</figcaption></figure>
<h2 id="item2">2. The New CSS :open Pseudo‑Class</h2>
<p>Web designers now have more control over form elements and other interactive components. The <code>:open</code> pseudo‑class lets you style elements that are in an open state, such as expanded dropdowns or dialogs. This makes it simpler to create consistent, accessible UI without relying on JavaScript to toggle classes. It’s a small addition with big implications for CSS-based interactivity.</p>
<h2 id="item3">3. Smarter CSS Overflow and Gradient Fixes</h2>
<p>Two bug fixes clean up rendering quirks. First, the computation for scrollable overflow in block containers now correctly accounts for <code>padding-inline-end</code>, aligning with the CSS Overflow specification. Second, linear gradients with all color stops at the same position now render properly instead of breaking. These changes mean fewer layout surprises and more predictable styling.</p>
<h2 id="item4">4. Chinese Text Conversion for Editing</h2>
<p>If you work with multilingual text, this one’s for you. The “Transformations” submenu now includes menu items to convert editable text between Simplified and Traditional Chinese characters. It’s a handy tool for content editors and translators who need quick conversions right inside the browser.</p>
<h2 id="item5">5. Customizable Select Elements</h2>
<p>Forms get a big upgrade with the customizable <code><select></code> element. Using the new <code>appearance: base-select</code> property, you can style dropdowns with custom content and layouts—no more ugly default popups. This brings native select elements closer to what developers used to achieve only with custom JavaScript widgets, improving both aesthetics and accessibility.</p>
<h2 id="item6">6. Phishing Fix: IDN Homograph Protection</h2>
<p>Security gets a boost with a fix that prevents internationalized domain name (IDN) homograph attacks. Safari’s address bar could previously display a lookalike Latin domain as visually identical to a real one, tricking users into phishing sites. Now Safari properly distinguishes these deceptive strings, keeping you safer while browsing.</p>
<h2 id="item7">7. Better URL Encoding for Non‑UTF‑8 Character Sets</h2>
<p>Another networking fix addresses incorrect URL query percent‑encoding when using character encodings like iso‑8859‑2, windows‑1250, or gbk. This ensures that special characters in URLs are properly encoded, preventing broken links or data corruption when dealing with legacy encodings. It’s a behind‑the‑scenes improvement that matters for international web apps.</p>
<h2 id="item8">8. Rendering Performance: No More Table Hangs</h2>
<p>Tables with a large number of <code>rowspan="0"</code> cells used to cause browser hangs. This release fixes that performance issue, so complex table layouts render smoothly. If you work with data-intensive tables or legacy HTML, this is a welcome stability improvement.</p>
<h2 id="item9">9. SVG Compliance Updates</h2>
<p>Three SVG fixes bring Safari closer to spec compliance. The default values for <code>fx</code> and <code>fy</code> on <code>SVGRadialGradientElement</code> now correctly default to 50%. Invalid <code>viewBox</code> values (like negative dimensions) are ignored, matching Firefox and Chrome. And SVG length attributes reset to defaults when removed, rather than retaining old values. These changes make SVG rendering more predictable across browsers.</p>
<h2 id="item10">10. ReadableStream Enhancements</h2>
<p>Web API fans get two improvements for streams. Safari now supports <code>ReadableStream.from()</code> to create a stream from async iterables or iterables, simplifying data pipeline code. Additionally, you can transfer <code>ReadableStream</code> objects via <code>postMessage()</code>, enabling efficient sharing of streaming data between contexts like workers or iframes. Both features open up new possibilities for real‑time data processing.</p>
<p>These ten updates make Safari Technology Preview 238 a formidable release for developers and power users alike. From performance boosts under the hood to polished UI features, each change contributes to a faster, safer, and more capable browsing experience. If you haven’t tried the preview yet, now is a great time to explore what’s coming next in Safari.</p>