Prevent default action for form submit event in PivotConfiguration.…

… (3.2) (#7815)

* Prevent default action for form submit event in `PivotConfiguration`.

Before this change, the default action for the form submit event
triggered by submitting the `PivotConfiguration` form was not prevented.
This lead to a redirect happening in some browsers (namely Safari),
while working as expected on others (Chrome/ium).

This change is now preventing the form submit event to fix this for
Safari and others.

Fixes #7806.

* Prevent default action for form submit event in `EditableTitle`.

* Fixing linter hint.

graylog2-web-interface/src/views/components/aggregationbuilder/PivotConfiguration.jsx

@@ -31,8 +31,11 @@ export default class PivotConfiguration extends React.Component {
     };
   }
 
-  // eslint-disable-next-line react/destructuring-assignment
-  _onSubmit = () => this.props.onClose(this.state);
+  _onSubmit = (e) => {
+    e.preventDefault();
+    const { onClose } = this.props;
+    onClose(this.state);
+  };
 
   _onChange = config => this.setState({ config });
 

graylog2-web-interface/src/views/components/common/EditableTitle.jsx

@@ -42,7 +42,8 @@ export default class EditableTitle extends React.Component {
     this.setState({ value: evt.target.value });
   };
 
-  _onSubmit = () => {
+  _onSubmit = (e) => {
+    e.preventDefault();
     const { value } = this.state;
     const { onChange, value: propsValue } = this.props;
     if (value !== '') {