Release v1.1.25

Author: SteffenDE

CHANGELOG.md

@@ -267,6 +267,13 @@ When `:debug_heex_annotations` is enabled, LiveView will now annotate the beginn
 
 To enable this, a new callback called `annotate_slot/4` was added. Custom implementations of `Phoenix.LiveView.TagEngine` must implement it accordingly.
 
+## v1.1.25 (2026-02-26)
+
+### Bug fixes
+
+* Fix `phx-click-away` when clicked element is teleported ([#4141](https://github.com/phoenixframework/phoenix_live_view/issues/4141))
+* Handle `phx-hook` outside of LiveViews when reconnecting ([#4147](https://github.com/phoenixframework/phoenix_live_view/issues/4147))
+
 ## v1.1.24 (2026-02-16)
 
 ### Bug fixes

mix.exs

@@ -1,7 +1,7 @@
 defmodule Phoenix.LiveView.MixProject do
   use Mix.Project
 
-  @version "1.1.24"
+  @version "1.1.25"
 
   def project do
     [

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_live_view",
-  "version": "1.1.24",
+  "version": "1.1.25",
   "description": "The Phoenix LiveView JavaScript client.",
   "license": "MIT",
   "type": "module",

package.json

@@ -3887,6 +3887,7 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
 
   // js/phoenix_live_view/view_hook.ts
   var HOOK_ID = "hookId";
+  var DEAD_HOOK = "deadHook";
   var viewHookID = 1;
   var ViewHook = class _ViewHook {
     get liveSocket() {
@@ -3898,12 +3899,18 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
     static elementID(el) {
       return dom_default.private(el, HOOK_ID);
     }
+    static deadHook(el) {
+      return dom_default.private(el, DEAD_HOOK) === true;
+    }
     constructor(view, el, callbacks) {
       this.el = el;
       this.__attachView(view);
       this.__listeners = /* @__PURE__ */ new Set();
       this.__isDisconnected = false;
       dom_default.putPrivate(this.el, HOOK_ID, _ViewHook.makeID());
+      if (view && view.isDead) {
+        dom_default.putPrivate(this.el, DEAD_HOOK, true);
+      }
       if (callbacks) {
         const protectedProps = /* @__PURE__ */ new Set([
           "el",
@@ -4809,6 +4816,9 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
         return;
       }
       if (hookElId && !this.viewHooks[hookElId]) {
+        if (ViewHook.deadHook(el)) {
+          return;
+        }
         const hook = dom_default.getCustomElHook(el) || logError(`no hook found for custom element: ${el.id}`);
         this.viewHooks[hookElId] = hook;
         hook.__attachView(this);
@@ -5940,7 +5950,7 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
     }
     // public
     version() {
-      return "1.1.24";
+      return "1.1.25";
     }
     isProfileEnabled() {
       return this.sessionStorage.getItem(PHX_LV_PROFILE) === "true";
@@ -6547,12 +6557,18 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
     }
     dispatchClickAway(e, clickStartedAt) {
       const phxClickAway = this.binding("click-away");
+      const portal = clickStartedAt.closest(`[${PHX_TELEPORTED_SRC}]`);
+      const portalStartedAt = portal && dom_default.byId(portal.getAttribute(PHX_TELEPORTED_SRC));
       dom_default.all(document, `[${phxClickAway}]`, (el) => {
-        if (!(el.isSameNode(clickStartedAt) || el.contains(clickStartedAt) || // When clicking a link with custom method,
+        let startedAt = clickStartedAt;
+        if (portal && !portal.contains(el)) {
+          startedAt = portalStartedAt;
+        }
+        if (!(el.isSameNode(startedAt) || el.contains(startedAt) || // When clicking a link with custom method,
         // phoenix_html triggers a click on a submit button
         // of a hidden form appended to the body. For such cases
         // where the clicked target is hidden, we skip click-away.
-        !js_default.isVisible(clickStartedAt))) {
+        !js_default.isVisible(startedAt))) {
           this.withinOwners(el, (view) => {
             const phxEvent = el.getAttribute(phxClickAway);
             if (js_default.isVisible(el) && js_default.isInViewport(el)) {