phoenix_live_view 1.1.21 → 1.1.23

package/assets/js/phoenix_live_view/dom_patch.js

@@ -96,7 +96,9 @@ export default class DOMPatch {
       // https://github.com/phoenixframework/phoenix_live_view/pull/3942
       // we need to ensure that no parent is locked
       const closestLock = targetContainer.closest(`[${PHX_REF_LOCK}]`);
-      if (closestLock) {
+      // If the targetContainer itself is locked, that's okay.
+      // https://github.com/phoenixframework/phoenix_live_view/issues/4088
+      if (closestLock && !closestLock.isSameNode(targetContainer)) {
         const clonedTree = DOM.private(closestLock, PHX_REF_LOCK);
         if (clonedTree) {
           // if a parent is locked with a cloned tree, we need to patch the cloned tree instead

package/assets/js/phoenix_live_view/index.ts

@@ -313,6 +313,10 @@ const LiveSocket = OriginalLiveSocket as unknown as LiveSocketConstructor;
  * which is triggered after the element has been added to the DOM. If you try
  * to call `createHook` from the constructor, an error will be logged.
  *
+ * Furthermore, you can only start using the hook's APIs after the `mounted`
+ * callback of the hook has been called. If you try to call them earlier,
+ * an error will be logged.
+ *
  * @example
  *
  * class MyComponent extends HTMLElement {

package/assets/js/types/index.d.ts

@@ -294,6 +294,10 @@ declare const LiveSocket: LiveSocketConstructor;
  * which is triggered after the element has been added to the DOM. If you try
  * to call `createHook` from the constructor, an error will be logged.
  *
+ * Furthermore, you can only start using the hook's APIs after the `mounted`
+ * callback of the hook has been called. If you try to call them earlier,
+ * an error will be logged.
+ *
  * @example
  *
  * class MyComponent extends HTMLElement {

package/package.json

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

package/priv/static/phoenix_live_view.cjs.js

@@ -2297,7 +2297,7 @@ var DOMPatch = class {
     }
     if (this.isCIDPatch()) {
       const closestLock = targetContainer.closest(`[${PHX_REF_LOCK}]`);
-      if (closestLock) {
+      if (closestLock && !closestLock.isSameNode(targetContainer)) {
         const clonedTree = dom_default.private(closestLock, PHX_REF_LOCK);
         if (clonedTree) {
           targetContainer = clonedTree.querySelector(
@@ -5924,7 +5924,7 @@ var LiveSocket = class {
   }
   // public
   version() {
-    return "1.1.21";
+    return "1.1.23";
   }
   isProfileEnabled() {
     return this.sessionStorage.getItem(PHX_LV_PROFILE) === "true";