Phoenix LiveView 1.2 shipped on 10 June 2026, and it rounds out the colocation work that started in 1.1.
The headline is colocated CSS. Where 1.1 let you keep a component's hooks and JS
next to its markup, 1.2 lets you do the same with styles, using the CSS @scope rule to
stop them leaking into the rest of the page. To make that work the team had to
split HEEx compilation into separate tokenization and parsing steps, which is the
kind of unglamorous internal change that quietly makes a lot of other things possible.
A few other things worth knowing:
Phoenix.LiveView.JScommands are now automatically encoded when you send them withpush_event, whether you're onJasonor the built-inJSONmodule.- Test warnings can be configured by category, so you can tune the checks that run
in
LiveViewTest. - Custom formatting for
<script>and<style>tags, and module-level HEEx debug annotations.
Worth a look if you're building anything with LiveView. We'll likely touch on it at an upcoming meetup, RSVP on Luma.