@bpmn-io/properties-panel 1.8.0 → 1.8.1

package/dist/index.esm.js

@@ -394,6 +394,10 @@ function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky)
     if (ref.current) {
       const scrollContainer = query(scrollContainerSelector);
       observer = new Observer(entries => {
+        // The ScrollContainer is unmounted, do not update sticky state
+        if (scrollContainer.scrollHeight === 0) {
+          return;
+        }
         entries.forEach(entry => {
           if (entry.intersectionRatio < 1) {
             setSticky(true);
@@ -640,7 +644,7 @@ function PropertiesPanel(props) {
   const [layout, setLayout] = useState(createLayout(layoutConfig));
 
   // react to external changes in the layout config
-  useUpdateEffect(() => {
+  useUpdateLayoutEffect(() => {
     const newLayout = createLayout(layoutConfig);
     setLayout(newLayout);
   }, [layoutConfig]);
@@ -761,14 +765,14 @@ function createDescriptionContext(overrides = {}) {
 // hooks //////////////////
 
 /**
- * This hook behaves like useEffect, but does not trigger on the first render.
+ * This hook behaves like useLayoutEffect, but does not trigger on the first render.
  *
  * @param {Function} effect
  * @param {Array} deps
  */
-function useUpdateEffect(effect, deps) {
+function useUpdateLayoutEffect(effect, deps) {
   const isMounted = useRef(false);
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (isMounted.current) {
       return effect();
     } else {