Hotwire Weekly – Turbo Listens for Turbo Streams, Detects Safari and iOS Version

1 month ago 1

October 6, 2025

Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!

Welcome to Hotwire Weekly!

Welcome to another, sligthy shorter, issue of Hotwire Weekly! Happy reading! 🚀✨

📚 Articles, Tutorials, and Videos

How does Turbo listen for Turbo Streams? - Sid Krishnan explains how Turbo automatically detects and applies Turbo Stream updates when a response includes <turbo-stream> tags.

How to elegantly update other UI when a Turbo Frame is updated - Radan Skorić shares a Rails trick to update UI elements outside a Turbo Frame from a frame update. His turbo_aware_content_for helper switches between content_for and a matching Turbo Stream replacement to keep extra frame content in sync.

How to detect Safari and iOS versions with ease in 2025 - Evgeniy Valyaev on the Evil Martians blog details modern approaches for distinguishing Safari or iOS versions by combining feature detection, behavioral tests, and selective user-agent hints, especially since User Agents can be misleading or cloaked.

Visual loading states for Turbo Frames with CSS only - Rails Designer shows how to use the aria-busy="true" attribute Turbo injects during frame loading to overlay a Loading… message or spinner using pure CSS.

Async Modal on Rails with Native <dialog> Element - Alexey Solilin shows how to build an asynchronous modal in Rails using Turbo Frames and the native HTML <dialog> element. The method handles dynamic loading, focus management, and graceful fallbacks.