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

@@ -769,7 +769,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