flashcard

1 files changed, 11 insertions, 1 deletions

diff --git a/src/client/views/nodes/ComparisonBox.tsx b/src/client/views/nodes/ComparisonBox.tsx
index fa0ab61bc..86a9bcf63 100644
--- a/src/client/views/nodes/ComparisonBox.tsx
+++ b/src/client/views/nodes/ComparisonBox.tsx
@@ -37,6 +37,14 @@ export class ComparisonBox extends ViewBoxAnnotatableComponent<FieldViewProps>()
     get clipWidthKey() {
         return '_' + this._props.fieldKey + '_clipWidth';
     }
+
+    @computed get clipHeight() {
+        return NumCast(this.layoutDoc[this.clipHeightKey], 200);
+    }
+    get clipHeightKey() {
+        return '_' + this._props.fieldKey + '_clipHeight';
+    }
+
     componentDidMount() {
         this._props.setContentViewBox?.(this);
     }
@@ -80,6 +88,7 @@ export class ComparisonBox extends ViewBoxAnnotatableComponent<FieldViewProps>()
                     this._animating = 'all 200ms';
                     // on click, animate slider movement to the targetWidth
                     this.layoutDoc[this.clipWidthKey] = (targetWidth * 100) / this._props.PanelWidth();
+
                     setTimeout(
                         action(() => (this._animating = '')),
                         200
@@ -201,6 +210,7 @@ export class ComparisonBox extends ViewBoxAnnotatableComponent<FieldViewProps>()
         const displayDoc = (which: string) => {
             const whichDoc = DocCast(this.dataDoc[which]);
             const targetDoc = DocCast(whichDoc?.annotationOn, whichDoc);
+
             return targetDoc ? (
                 <>
                     <DocumentView
@@ -211,7 +221,7 @@ export class ComparisonBox extends ViewBoxAnnotatableComponent<FieldViewProps>()
                         moveDocument={which.endsWith('1') ? this.moveDoc1 : this.moveDoc2}
                         removeDocument={which.endsWith('1') ? this.remDoc1 : this.remDoc2}
                         NativeWidth={returnZero}
-                        NativeHeight={returnZero}
+                        NativeHeight={() => this.clipHeight}
                         isContentActive={emptyFunction}
                         isDocumentActive={returnFalse}
                         whenChildContentsActiveChanged={this.whenChildContentsActiveChanged}