Fix layout persistence when switching between orthogonal, flight, and oblique mode

CHANGELOG.unreleased.md

@@ -41,6 +41,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 - Fixed downloading task annotations of teams you are not in, when accessing directly via URI. [#8155](https://github.com/scalableminds/webknossos/pull/8155)
 - Deleting a bounding box is now possible independently of a visible segmentation layer. [#8164](https://github.com/scalableminds/webknossos/pull/8164)
 - S3-compliant object storages can now be accessed via HTTPS. [#8167](https://github.com/scalableminds/webknossos/pull/8167)
+- Fixed a layout persistence bug leading to empty viewports, triggered when switching between orthogonal, flight, or oblique mode. [#8177](https://github.com/scalableminds/webknossos/pull/8177)
 
 ### Removed
 

frontend/javascripts/oxalis/view/layouting/flex_layout_wrapper.tsx

@@ -207,10 +207,12 @@ class FlexLayoutWrapper extends React.PureComponent<Props, State> {
   rebuildLayout() {
     const model = this.loadCurrentModel();
     this.updateToModelStateAndAdjustIt(model);
-    this.setState({
-      model,
-    });
-    setTimeout(this.onLayoutChange, 1);
+    this.setState(
+      {
+        model,
+      },
+      () => this.onLayoutChange(),
+    );
 
     if (this.props.layoutName !== DEFAULT_LAYOUT_NAME) {
       sendAnalyticsEvent("load_custom_layout", {

frontend/javascripts/oxalis/view/layouting/tracing_layout_view.tsx

@@ -194,13 +194,16 @@ class TracingLayoutView extends React.PureComponent<PropsWithRouter, State> {
     app.vent.emit("rerender");
 
     if (model != null) {
-      this.setState({
-        model,
-      });
-    }
-
-    if (this.props.autoSaveLayouts) {
-      this.saveCurrentLayout(layoutName);
+      this.setState(
+        {
+          model,
+        },
+        () => {
+          if (this.props.autoSaveLayouts) {
+            this.saveCurrentLayout(layoutName);
+          }
+        },
+      );
     }
   };