phoenix_live_view 1.1.25 → 1.1.26

package/assets/js/phoenix_live_view/live_socket.js

@@ -891,7 +891,11 @@ export default class LiveSocket {
           // 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.isVisible(startedAt)
+          //
+          // Also, when we have a portal, we don't want to check the visibility
+          // of the portal source, as it's a <template> that is always not visible.
+          // Instead, check the visibility of the original click target.
+          !JS.isVisible(clickStartedAt)
         )
       ) {
         this.withinOwners(el, (view) => {

package/package.json

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

package/priv/static/phoenix_live_view.cjs.js

@@ -5934,7 +5934,7 @@ var LiveSocket = class {
   }
   // public
   version() {
-    return "1.1.25";
+    return "1.1.26";
   }
   isProfileEnabled() {
     return this.sessionStorage.getItem(PHX_LV_PROFILE) === "true";
@@ -6551,7 +6551,11 @@ var LiveSocket = class {
       // 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(startedAt))) {
+      //
+      // Also, when we have a portal, we don't want to check the visibility
+      // of the portal source, as it's a <template> that is always not visible.
+      // Instead, check the visibility of the original click target.
+      !js_default.isVisible(clickStartedAt))) {
         this.withinOwners(el, (view) => {
           const phxEvent = el.getAttribute(phxClickAway);
           if (js_default.isVisible(el) && js_default.isInViewport(el)) {