fix: recording box fix dimensions

1 files changed, 8 insertions, 3 deletions

diff --git a/src/client/views/nodes/RecordingBox/RecordingBox.tsx b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
index d00f05759..a7524df37 100644
--- a/src/client/views/nodes/RecordingBox/RecordingBox.tsx
+++ b/src/client/views/nodes/RecordingBox/RecordingBox.tsx
@@ -8,8 +8,8 @@ import { FieldView } from "../FieldView";
 import { VideoBox } from "../VideoBox";
 import { RecordingView } from './RecordingView';
 import { DocumentType } from "../../../documents/DocumentTypes";
-
 import { RecordingApi } from "../../../util/RecordingApi";
+import { Doc } from "../../../../fields/Doc";
 
 
 @observer
@@ -23,6 +23,11 @@ export class RecordingBox extends ViewBoxBaseComponent() {
             super(props);
       }
 
+      componentDidMount() {
+            Doc.SetNativeWidth(this.dataDoc, 1280);
+            Doc.SetNativeHeight(this.dataDoc, 720);
+      }
+
       @observable result: Upload.FileInformation | undefined = undefined
       @observable videoDuration: number | undefined = undefined
 
@@ -44,8 +49,8 @@ export class RecordingBox extends ViewBoxBaseComponent() {
             this.dataDoc.layout = VideoBox.LayoutString(this.fieldKey);
             // this.dataDoc.nativeWidth = this.dataDoc.nativeHeight = undefined;
             // this.layoutDoc._fitWidth = undefined;
-          this.dataDoc[this.props.fieldKey] = new VideoField(this.result.accessPaths.agnostic.client);
-          // stringify the presenation and store it
+            this.dataDoc[this.props.fieldKey] = new VideoField(this.result.accessPaths.agnostic.client);
+            // stringify the presenation and store it
             this.dataDoc[this.fieldKey + "-presentation"] = JSON.stringify(RecordingApi.Instance.clear());
       }