diff --git a/modules/react/collection/lib/useBaseListModel.tsx b/modules/react/collection/lib/useBaseListModel.tsx index d123e418ac..bb0441cc9e 100644 --- a/modules/react/collection/lib/useBaseListModel.tsx +++ b/modules/react/collection/lib/useBaseListModel.tsx @@ -168,6 +168,7 @@ export const useBaseListModel = createModelHook({ estimateSize: React.useCallback(() => UNSTABLE_defaultItemHeight, [UNSTABLE_defaultItemHeight]), horizontal: config.orientation === 'horizontal', overscan: 3, // overscan of 3 helps rapid navigation + directDomUpdates: true, }); // Force Typescript to recognize the `Generic` symbol diff --git a/modules/react/menu/lib/MenuCard.tsx b/modules/react/menu/lib/MenuCard.tsx index 7481f61cc9..4f399d4eff 100644 --- a/modules/react/menu/lib/MenuCard.tsx +++ b/modules/react/menu/lib/MenuCard.tsx @@ -76,6 +76,7 @@ export const MenuCard = createSubcomponent('div')({ transformOriginHorizontal: transformOrigin.horizontal, }) )} + ref={model.state.containerRef} > {elemProps.children} diff --git a/modules/react/package.json b/modules/react/package.json index d4189bf07b..1c621e0ff4 100644 --- a/modules/react/package.json +++ b/modules/react/package.json @@ -50,7 +50,7 @@ "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", "@popperjs/core": "^2.5.4", - "@tanstack/react-virtual": "^3.13.9", + "@tanstack/react-virtual": "^3.14.4", "@workday/canvas-colors-web": "^2.0.0", "@workday/canvas-expressive-icons-web": "1.0.2", "@workday/canvas-kit-popup-stack": "^15.0.14",