@bpmn-io/properties-panel 3.40.2 → 3.40.3

package/dist/index.js

@@ -816,12 +816,17 @@ function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky)
  * The `callback` reference is static and can be safely used in external
  * libraries or as a prop that does not cause rerendering of children.
  *
+ * The ref update is deferred to useLayoutEffect to prevent stale-closure
+ * bugs when Chrome fires blur on elements removed during re-render.
+ *
  * @param {Function} callback function with changing reference
  * @returns {Function} static function reference
  */
 function useStaticCallback(callback) {
   const callbackRef = hooks.useRef(callback);
-  callbackRef.current = callback;
+  hooks.useLayoutEffect(() => {
+    callbackRef.current = callback;
+  });
   return hooks.useCallback((...args) => callbackRef.current(...args), []);
 }
 
@@ -2264,7 +2269,7 @@ function ToggleSwitchEntry(props) {
       inline: inline,
       tooltip: tooltip,
       element: element
-    }), jsxRuntime.jsx(Description, {
+    }, element), jsxRuntime.jsx(Description, {
       forId: id,
       element: element,
       value: description
@@ -2555,7 +2560,7 @@ function FeelTextfield(props) {
   };
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   const handleLint = useStaticCallback((lint = []) => {
@@ -3902,7 +3907,7 @@ function TextArea(props) {
   };
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   hooks.useLayoutEffect(() => {
@@ -4118,7 +4123,7 @@ function Textfield(props) {
   }, [value]);
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   return jsxRuntime.jsxs("div", {