2 files changed, 4 insertions, 0 deletions
diff --git a/src/client/views/collections/collectionGrid/CollectionGridView.tsx b/src/client/views/collections/collectionGrid/CollectionGridView.tsx
index a887cf98b..cece6368a 100644
--- a/src/client/views/collections/collectionGrid/CollectionGridView.tsx
+++ b/src/client/views/collections/collectionGrid/CollectionGridView.tsx
@@ -318,6 +318,7 @@ export class CollectionGridView extends CollectionSubView(GridSchema) {
                 ref={this.createDashEventsTarget}
             //onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}
             >
+                DIV HERE with ref to access scroll of and adjust in getting position
                 <Grid
                     width={this.props.PanelWidth()}
                     nodeList={contents}
@@ -326,6 +327,7 @@ export class CollectionGridView extends CollectionSubView(GridSchema) {
                     rowHeight={this.props.Document.rowHeight as number}
                     setLayout={this.setLayout}
                     flex={this.props.Document.flexGrid as boolean}
+                    scale={1 / this.props.ScreenToLocalTransform().Scale}
                 />
             </div>
         );
diff --git a/src/client/views/collections/collectionGrid/Grid.tsx b/src/client/views/collections/collectionGrid/Grid.tsx
index 9520532b8..d29a123f1 100644
--- a/src/client/views/collections/collectionGrid/Grid.tsx
+++ b/src/client/views/collections/collectionGrid/Grid.tsx
@@ -18,6 +18,7 @@ interface GridProps {
     rowHeight: number;
     setLayout: Function;
     flex: boolean;
+    scale: number;
 }
 
 /**
@@ -55,6 +56,7 @@ export default class Grid extends React.Component<GridProps> {
                 margin={[10, 10]}
                 onLayoutChange={this.onLayoutChange}
                 preventCollision={true}
+                transformScale={this.props.scale}
             >
                 {this.props.nodeList}
             </GridLayout >