@bpmn-io/properties-panel 3.40.2 → 3.40.3

package/dist/index.esm.js

@@ -795,12 +795,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 = useRef(callback);
-  callbackRef.current = callback;
+  useLayoutEffect(() => {
+    callbackRef.current = callback;
+  });
   return useCallback((...args) => callbackRef.current(...args), []);
 }
 
@@ -2243,7 +2248,7 @@ function ToggleSwitchEntry(props) {
       inline: inline,
       tooltip: tooltip,
       element: element
-    }), jsx(Description, {
+    }, element), jsx(Description, {
       forId: id,
       element: element,
       value: description
@@ -2534,7 +2539,7 @@ function FeelTextfield(props) {
   };
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   const handleLint = useStaticCallback((lint = []) => {
@@ -3881,7 +3886,7 @@ function TextArea(props) {
   };
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   useLayoutEffect(() => {
@@ -4097,7 +4102,7 @@ function Textfield(props) {
   }, [value]);
   const handleOnKeyDown = e => {
     if (isCmdWithChar(e)) {
-      handleInput.flush();
+      handleInput.flush?.();
     }
   };
   return jsxs("div", {