Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web

1 files changed, 4 insertions, 1 deletions

diff --git a/src/client/views/collections/CollectionMulticolumnView.tsx b/src/client/views/collections/CollectionMulticolumnView.tsx
index 4744de34c..51064d5c3 100644
--- a/src/client/views/collections/CollectionMulticolumnView.tsx
+++ b/src/client/views/collections/CollectionMulticolumnView.tsx
@@ -126,8 +126,10 @@ export class CollectionMulticolumnView extends CollectionSubView(MulticolumnDocu
             resolved.push({ pixels: width, ...remaining });
         });
         const collector: JSX.Element[] = [];
+        let offset = 0;
         for (let i = 0; i < resolved.length; i++) {
             const { target, pixels } = resolved[i];
+            const shiftX = offset;
             collector.push(
                 <div className={"fish"}>
                     <ContentFittingDocumentView
@@ -136,7 +138,7 @@ export class CollectionMulticolumnView extends CollectionSubView(MulticolumnDocu
                         Document={target}
                         DataDocument={target.resolvedDataDoc as Doc}
                         PanelWidth={() => pixels}
-                        getTransform={this.props.ScreenToLocalTransform}
+                        getTransform={() => this.props.ScreenToLocalTransform().translate(-shiftX, 0)}
                     />
                     <span className={"display"}>{NumCast(target.widthMagnitude).toFixed(3)} {StrCast(target.widthUnit)}</span>
                 </div>,
@@ -148,6 +150,7 @@ export class CollectionMulticolumnView extends CollectionSubView(MulticolumnDocu
                     toRight={resolved[i + 1]?.target}
                 />
             );
+            offset += pixels + resizerWidth;
         }
         collector.pop(); // removes the final extraneous resize bar
         return collector;