Fix data marker update

src/components/Group.js

@@ -58,25 +58,31 @@ export default function Group(props) {
 
   // set edited state depending on all entries
   useEffect(() => {
-    const hasOneEditedEntry = entries.find(entry => {
-      const {
-        id,
-        isEdited
-      } = entry;
 
-      const entryNode = domQuery(`[data-entry-id="${id}"]`);
+    // TODO(@barmac): replace with CSS when `:has()` is supported in all major browsers, or rewrite as in https://github.com/camunda/camunda-modeler/issues/3815#issuecomment-1733038161
+    const scheduled = requestAnimationFrame(() => {
+      const hasOneEditedEntry = entries.find(entry => {
+        const {
+          id,
+          isEdited
+        } = entry;
 
-      if (!isFunction(isEdited) || !entryNode) {
-        return false;
-      }
+        const entryNode = domQuery(`[data-entry-id="${id}"]`);
 
-      const inputNode = domQuery('.bio-properties-panel-input', entryNode);
+        if (!isFunction(isEdited) || !entryNode) {
+          return false;
+        }
+
+        const inputNode = domQuery('.bio-properties-panel-input', entryNode);
+
+        return isEdited(inputNode);
+      });
 
-      return isEdited(inputNode);
+      setEdited(hasOneEditedEntry);
     });
 
-    setEdited(hasOneEditedEntry);
-  }, [ entries ]);
+    return () => cancelAnimationFrame(scheduled);
+  }, [ entries, setEdited ]);
 
   // set error state depending on all entries
   const allErrors = useErrors();

test/spec/components/Group.spec.js

@@ -43,6 +43,14 @@ describe('<Group>', function() {
     container = TestContainer.get(this);
   });
 
+  beforeEach(() => {
+    sinon.replace(window, 'requestAnimationFrame', cb => cb());
+  });
+
+  afterEach(() => {
+    sinon.restore();
+  });
+
 
   it('should render', function() {