From b77ea08d2095bae01b04ccfb421bfa57b465b154 Mon Sep 17 00:00:00 2001
From: geireann <geireann.lindfield@gmail.com>
Date: Tue, 1 Apr 2025 15:37:39 -0400
Subject: fixed stacking view with pivot's field column widths.

---
 src/client/views/InkTranscription.tsx                              | 2 +-
 src/client/views/collections/CollectionStackingView.tsx            | 2 +-
 src/client/views/collections/CollectionStackingViewFieldColumn.tsx | 7 ++-----
 3 files changed, 4 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/client/views/InkTranscription.tsx b/src/client/views/InkTranscription.tsx
index f91f98807..1293aa9d0 100644
--- a/src/client/views/InkTranscription.tsx
+++ b/src/client/views/InkTranscription.tsx
@@ -382,7 +382,7 @@ export class InkTranscription extends React.Component {
 
     render() {
         return (
-            <div className="ink-transcription">
+            <div className="ink-transcription" style={{pointerEvents: 'none'}}>
                 <div className="math-editor" ref={this.setMathRef}></div>
                 <div className="text-editor" ref={this.setTextRef}></div>
             </div>
diff --git a/src/client/views/collections/CollectionStackingView.tsx b/src/client/views/collections/CollectionStackingView.tsx
index fd48a9dc1..d7cf0ffc2 100644
--- a/src/client/views/collections/CollectionStackingView.tsx
+++ b/src/client/views/collections/CollectionStackingView.tsx
@@ -112,7 +112,7 @@ export class CollectionStackingView extends CollectionSubView<Partial<collection
     @computed get columnWidth() {
         const availableWidth = this._props.PanelWidth() - 2 * this.xMargin;
         const cwid = availableWidth / (NumCast(this.Document._layout_columnCount) || this._props.PanelWidth() / NumCast(this.Document._layout_columnWidth, this._props.PanelWidth() / 4));
-        return Math.min(availableWidth, this.isStackingView ? Number.MAX_VALUE : cwid - this.gridGap);
+        return Math.min(availableWidth, this.isStackingView ? availableWidth / (this.numGroupColumns || 1) : cwid - this.gridGap);
     }
 
     @computed get NodeWidth() {
diff --git a/src/client/views/collections/CollectionStackingViewFieldColumn.tsx b/src/client/views/collections/CollectionStackingViewFieldColumn.tsx
index e765b78b4..66839ba7f 100644
--- a/src/client/views/collections/CollectionStackingViewFieldColumn.tsx
+++ b/src/client/views/collections/CollectionStackingViewFieldColumn.tsx
@@ -305,10 +305,8 @@ export class CollectionStackingViewFieldColumn extends ObservableReactComponent<
     @computed get innards() {
         TraceMobx();
         const key = this._props.pivotField;
-        const headings = this._props.headings();
         const heading = this._heading;
         const columnYMargin = this._props.headingObject ? 0 : this._props.yMargin;
-        const uniqueHeadings = headings.map((i, idx) => headings.indexOf(i) === idx);
         const noValueHeader = `NO ${key.toUpperCase()} VALUE`;
         const evContents = heading || (this._props?.type === 'number' ? '0' : noValueHeader);
         const headingView = this._props.headingObject ? (
@@ -318,7 +316,7 @@ export class CollectionStackingViewFieldColumn extends ObservableReactComponent<
                 ref={this._headerRef}
                 style={{
                     marginTop: this._props.yMargin,
-                    width: this._props.columnWidth / (uniqueHeadings.length + (this._props.chromeHidden ? 0 : 1) || 1),
+                    width: this._props.columnWidth
                 }}>
                 {/* the default bucket (no key value) has a tooltip that describes what it is.
                     Further, it does not have a color and cannot be deleted. */}
@@ -361,7 +359,7 @@ export class CollectionStackingViewFieldColumn extends ObservableReactComponent<
                             margin: 'auto',
                             marginTop: this._props.dontCenter.includes('y') ? undefined : 'auto',
                             marginBottom: this._props.dontCenter.includes('y') ? undefined : 'auto',
-                            width: this._props.columnWidth / (uniqueHeadings.length + (this._props.chromeHidden ? 0 : 1) || 1),
+                            width: this._props.columnWidth,
                         }}>
                         <div
                             key={`${heading}-stack`}
@@ -369,7 +367,6 @@ export class CollectionStackingViewFieldColumn extends ObservableReactComponent<
                             style={{
                                 padding: `${columnYMargin}px ${0}px ${this._props.yMargin}px ${0}px`,
                                 margin: this._props.dontCenter.includes('x') ? undefined : 'auto',
-                                // width: 'max-content', // singleColumn ? undefined : `${cols * (style.columnWidth + style.gridGap) + 2 * style.xMargin - style.gridGap}px`,
                                 height: 'max-content',
                                 position: 'relative',
                                 gridGap: this._props.gridGap,
-- 
cgit v1.2.3-70-g09d2