Ensure that sidebar field will not steal focus when metadata is edited

packages/volto/cypress/tests/core/basic/metadata.js

@@ -39,4 +39,15 @@ describe('Add Content Tests', () => {
       .contains('Required input is missing');
     cy.get('.sidebar-container .tabs-wrapper .active.item').contains('Page');
   });
+
+  it('After removing value of widget the focus should be removed from the field', () => {
+    cy.get('#field-creators').type('aaa');
+    cy.get('#field-creators')
+      .type('aaa{Enter}')
+      .get('.react-select__multi-value__remove')
+      .click();
+    cy.getSlateEditorAndType(
+      'Test if all the text will be in this slate block',
+    ).contains('Test if all the text will be in this slate block');
+  });
 });

packages/volto/news/5983.bugfix

@@ -0,0 +1 @@
+Ensure that sidebar field will not steal focus when metadata is edited  @dobri1408

packages/volto/src/components/manage/Form/Form.jsx

@@ -774,7 +774,14 @@ class Form extends Component {
                                     id={field}
                                     fieldSet={fieldset.title.toLowerCase()}
                                     formData={formData}
-                                    focus={this.state.inFocus[field]}
+                                    focus={
+                                      this.state.isClient &&
+                                      document
+                                        .getElementById('sidebar-metadata')
+                                        ?.contains(document.activeElement)
+                                        ? this.state.inFocus[field]
+                                        : false
+                                    }
                                     value={formData?.[field]}
                                     required={
                                       schema.required.indexOf(field) !== -1