fix(react-positioning): autoSize causing position update to reach maximum

change/@fluentui-react-positioning-86dcd6cd-76f3-4f49-b446-04e827493aa7.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: autoSize causing maximum positioning update",
+  "packageName": "@fluentui/react-positioning",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-positioning/src/middleware/maxSize.test.ts

@@ -0,0 +1,30 @@
+import { Platform, computePosition } from '@floating-ui/dom';
+import { resetMaxSize } from './maxSize';
+
+const referenceRect: Partial<DOMRect> = { x: 0, y: 0, width: 100, height: 100 };
+const floatingRect: Partial<DOMRect> = { x: 0, y: 0, width: 50, height: 50 };
+const mockGetElementRects = jest.fn(() =>
+  Promise.resolve({
+    reference: referenceRect,
+    floating: floatingRect,
+  }),
+);
+const platform = {
+  getElementRects: mockGetElementRects,
+} as Partial<Platform> as Platform;
+
+describe('maxSize', () => {
+  it('resetMaxSize reset once per life cycle', async () => {
+    expect.hasAssertions();
+    const button = document.createElement('div');
+    const tooltip = document.createElement('div');
+    const autoSize = { applyMaxHeight: true, applyMaxWidth: true };
+
+    await computePosition(button, tooltip, {
+      placement: 'right',
+      middleware: [resetMaxSize(autoSize)],
+      platform,
+    });
+    expect(mockGetElementRects).toHaveBeenCalledTimes(2);
+  });
+});

packages/react-components/react-positioning/src/middleware/maxSize.ts

@@ -13,8 +13,8 @@ export interface MaxSizeMiddlewareOptions extends Pick<PositioningOptions, 'over
  */
 export const resetMaxSize = (autoSize: NormalizedAutoSize): Middleware => ({
   name: 'resetMaxSize',
-  fn({ middlewareData: { maxSizeAlreadyReset }, elements }) {
-    if (maxSizeAlreadyReset) {
+  fn({ middlewareData, elements }) {
+    if (middlewareData.resetMaxSize?.maxSizeAlreadyReset) {
       return {};
     }