fix: autoresize

README.md

@@ -277,4 +277,4 @@ This will throw an exception if the row id is not found.
 
 ```tsx
 window.__stepAgGrid.grids[dataTestId].scrollRowIntoViewById("1000")
-```
+```

src/components/Grid.tsx

@@ -165,6 +165,8 @@ export const Grid = ({
   const hasSetContentSizeEmpty = useRef(false);
   const needsAutoSize = useRef(true);
 
+  const lastFullResize = useRef<number>();
+
   const setInitialContentSize = useCallback(() => {
     if (!gridDivRef.current?.clientWidth || rowData == null) {
       // Don't resize grids if they are offscreen as it doesn't work.
@@ -193,8 +195,13 @@ export const Grid = ({
         }
       } else if (gridRendered === "rows-visible") {
         if (!hasSetContentSize.current) {
-          hasSetContentSize.current = true;
-          params.onContentSize?.(result);
+          if (lastFullResize.current === result.width) {
+            hasSetContentSize.current = true;
+            params.onContentSize?.(result);
+          } else {
+            needsAutoSize.current = true;
+          }
+          lastFullResize.current = result.width;
         }
       } else {
         // It should be impossible to get here

src/contexts/GridPopoverContext.tsx

@@ -6,6 +6,7 @@ export interface GridPopoverContextType<TData extends GridBaseRow> {
   anchorRef: RefObject<Element>;
   saving: boolean;
   setSaving: (saving: boolean) => void;
+  colId: string;
   field: keyof TData;
   value: any;
   data: TData;
@@ -18,6 +19,7 @@ export const GridPopoverContext = createContext<GridPopoverContextType<any>>({
   anchorRef: { current: null },
   saving: false,
   setSaving: () => {},
+  colId: "",
   field: "",
   value: null,
   data: {} as GridBaseRow,

src/contexts/GridPopoverContextProvider.tsx

@@ -26,7 +26,9 @@ export const GridPopoverContextProvider = ({ props, children }: PropsWithChildre
       multiEdit ? sortBy(getFilteredSelectedRows(), (row) => row.id !== props.data.id) : [props.data as GridBaseRow],
     [getFilteredSelectedRows, multiEdit, props.data],
   );
+
   const field = props.colDef?.field ?? "";
+  const colId = props.colDef?.colId ?? field ?? "";
 
   const updateValue = useCallback(
     async (saveFn: (selectedRows: any[]) => Promise<boolean>, tabDirection: 1 | 0 | -1): Promise<boolean> => {
@@ -44,6 +46,7 @@ export const GridPopoverContextProvider = ({ props, children }: PropsWithChildre
         saving,
         setSaving,
         selectedRows,
+        colId,
         field,
         data: props.data,
         value: props.value,